Hexo整合GitHub Pages

什麼是hexo

  Hexo is a fast, simple and powerful blog framework. You write posts in Markdown (or other languages) and Hexo generates static files with a beautiful theme in seconds.

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

準備Node,Git環境

  1. 到Node官網下載安裝包。Windows系統下的安裝也很簡單,下載最新版本的msi安裝包,運行後一路點擊Next就行,默認node會自動添加Path環境變量中,安裝完後按Windows窗口鍵+Rcmd打開命令提示符界面,用node -v測試即可(PS:使用如下命令可更改爲國內淘寶的NPM鏡像源npm install -g cnpm --registry=https://registry.npm.taobao.org, 這樣以後就可以使用 cnpm 命令來安裝第三方模塊:cnpm install <module_name>)
  2. 安裝Git,配置Git環境,具體操作過程這裏就不在演示了,安裝完了可以用命令git --version來測試

安裝hexo

  1. cnpm install hexo -g,開始安裝hexo
  2. hexo -v,用於檢查hexo是否安裝成功

hexo -v

  1. 創建空文件夾,在當前文件夾中輸入hexo init進行初始化,最後輸出的一句是:“Start blogging with Hexo!”
  2. cnpm install,安裝相關依賴的組件
  3. 輸入hexo g(等價於hexo generate),開始生成Hexo
  4. 輸入hexo s(等價於hexo server),開啓本地服務,默認爲4000端口。端口占用的情況下,命令hexo server -p {port}可改變監聽端口號
  5. 關聯GitHub Page所在的倉庫。在當前文件夾下,找到_config.yml文件,修改repository

repository

  1. 新建文章,執行命令:hexo new post “my first blog”,可以在_posts文件夾下看到新創建的my first blog.md文件
  2. 安裝擴展:cnpm install hexo-deployer-git --save
  3. 編輯好Markdown文章後,使用命令:hexo d -g,快速生成和部署遠程倉庫
  4. 部署成功後訪問:https://{username}.github.io. 即可查看生成後的文章

關聯域名

  1. 在source文件夾下新建名爲CNAME的文件,輸入域名,如:blog.mariojd.cn
  2. 使用命令hexo d -g部署到遠程倉庫
  3. 到域名提供商那裏添加相應的域名解析

主機記錄

記錄類型

記錄值

blog

CNAME

happyjared.github.io.

參考鏈接

Hexo官網 Hexo文檔 Node官網 Git官網

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章