記使用hexo+github/coding搭建個人博客(一)

  將使用hexo+github/coding免費搭建個人博客的過程也記錄了一下,網上類似的文章太多了,有些配置的版本不一樣,本文記錄hexo環境的搭建及部署到coding/github上. 個人博客地址

Hexo是什麼?

  Hexo 是一個快速、簡潔且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在幾秒內,即可利用靚麗的主題生成靜態網頁。
  詳情可參考Hexo官方文檔

環境及版本

  • 系統: windows 10
  • git: version 2.9.0.windows.1
  • node: v10.6.0
  • hexo: 3.7.1
  • hexo-cli: 1.1.0

安裝

到此步驟已經認爲你已經安裝了git和node.js。

  1. 創建一個目錄,比如在E盤根目錄下,創建一個hexo文件夾,使用命令行進入此文件夾,(也可以進入此文件夾,右鍵Git Bash Here)輸入:
    npm install -g hexo-cli
    npm install hexo --save

命令執行後的效果參考:

git命令執行完效果

  1. 初始化項目,輸入hexo init 項目名,如hexo init blog,將會自動生成blog目錄,並自動生成一些目錄及文件;
    hexo init blog
    cd blog
    npm install

初始化項目
在這裏插入圖片描述
3. 現在可以開始預覽了,會出現提示在網址http://localhost:4000/預覽

    hexo g
    hexo s

常用命令

  在項目根目錄,有個_config.yml,這個是站點配置文件,一些重要的配置都是在這裏進行的。 詳細的通用配置就參考官網吧,就不重複說了。下面主要記錄一下一些個性化的功能。

  • 常用命令:
    • hexo clean :清除緩存文件 (db.json) 和已生成的靜態文件 (public)。
    • hexo g :生成靜態文件。
    • hexo s :本地發佈預覽。
    • hexo d :遠程發佈。

在coding上部署

  訪問coding官網,註冊賬號,註冊時的用戶名,就是你訪問自己博客地址的主體部分,注意點哦。

創建項目:

在這裏插入圖片描述

查看靜態pages服務,Coding Pages 已經運行在 https://[你的用戶名].coding.me時,說明你配置成功了,我這邊是解析自己的域名,略有點不一樣。如下圖所示:

在這裏插入圖片描述

接下來就要開始準備把項目發佈到coding上面了,需要先獲取SSHKey,然後修改站點配置文件爲coding的項目對應的ssh地址;

設置Git的user name和email:

    git config --global user.name "你的git用戶名,可以隨便起一個"
    git config --global user.email "你的郵箱地址"

執行以下命令,查看是否已經有了ssh密鑰:cd ~/.ssh,輸入第二條命令之後,連續3次enter

    cd ~/.ssh
    ssh-keygen -t rsa -C "你的郵箱地址"

C:\Users\你的電腦用戶名.ssh 目錄下,會有兩個文件id_rsa和id_rsa.pub,使用記事本打開id_rsa.pub,複製裏面的值,然後瀏覽器打開你的coding到如下頁面,將複製的內容粘貼到公鑰內容的文本框裏面,點擊保存。如下圖:
在這裏插入圖片描述
測試公鑰是否配置成功:ssh -T [email protected],輸入之後,會提示你是否確認,輸入yes,回車;提示你通過ssh協議認證。
修改你的站點配置文件,這個是在你的本地配置遠程服務器地址,hexo項目根目錄下的_config.yml,這種文件的格式非常嚴格,多一個空格就可能會報錯。

    deploy:
      type: git
      repository: [email protected]:[你的用戶名]/[你的用戶名].coding.me.git
    #  repository: [email protected]:[你的用戶名]/[你的用戶名].github.io.git
      branch: master

執行命令,就將你的博客部署到coding上了,如果要解析爲自己的域名的話,可以百度、google查看步驟。

    hexo clean
    hexo g
    hexo d

github 的部署和在coding上部署基本是一樣的


個人公衆號:weyoung,歡迎互動交流…

公衆號weyoung,歡迎互動交流

更多聯繫方式

平臺 鏈接
預覽項目: https://nelucifer.gitee.io/
個人微信公衆號: weyoung
segmentfault: https://segmentfault.com/u/nelucifer
CSDN: https://me.csdn.net/wlx001
簡書: https://www.jianshu.com/u/99211cc23788
掘金: https://juejin.im/user/59b08c575188250f4850e80e
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章