hexo + github 安裝部落格系統
阿新 • • 發佈：2019-02-11
使用hexo生成靜態部落格並架設在免費的github page平臺
準備
系統:
- Window 7 64位
使用軟體:
-
Git v1.9.5
[下載地址] 百度雲 360雲盤 訪問密碼 d269 Git官網 -
Node.js v0.12.5 x64
[下載地址] 百度雲 360雲盤 訪問密碼 608f node.js官網
32位或64位按自己電腦的系統來選擇，如果不清楚，可以直接在官網下載32位的，可以相容64位系統
備註:
不同軟體版本的安裝與使用會有差異，請儘量與本教程保持一致
安裝Git
-
大部分按預設安裝，一路點選”Next”
-
這裡選擇對應的windows選項，如下圖
-
等待安裝完成
安裝Node.js
-
Node安裝更加簡單，還是一路”Next”,最後等待安裝完成即可
驗證軟體正確安裝
-
同時按下Win鍵和R鍵（或者點選“開始選單”->點選“執行”）,開啟執行視窗,輸入“cmd”
然後輸入以下命令，結果與下圖相同則說明安裝正確，若不正確可以解除安裝軟體重新安裝123 git --versionnode -vnpm -v 
申請GitHub
- 點選->GitHub進入官網註冊帳號
-
按下圖分別輸入使用者名稱、郵箱、密碼，然後點選註冊
-
按預設點選“Finish sign up”
-
點選”New repository”，新建一個版本庫
-
輸入Repository name:yourname.github.io(yourname與你的註冊使用者名稱一致,這個就是你部落格的域名了)
到此github帳號申請完成
-
啟用GitHub Page
點選右邊的“Setting”選單進入設定,點選”Launch automatic page generator”
點選底部的”Continue to layouts”
最後點選”Publish page”,釋出github預設生成的一個靜態站點
-
驗證郵箱
點選個人設定
點選”Send verification Email”傳送驗證郵件
進入你的郵箱，查收驗證郵件進行驗證
安裝Hexo
hexo是基於node.js的靜態部落格，官網也是搭建在GitHub上
-
在電腦上新建一個blog資料夾,該資料夾用於存放你的部落格檔案,然後右鍵單擊選擇“Git Bash”
-
大家估計都有被“牆”的經歷，安裝hexo為了避免出現類似情況，我使用淘寶NPM映象,輸入以下命令等待安裝完成
1 $ npm install -g cnpm --registry=https://registry.npm.taobao.org 
-
使用淘寶NPM安裝Hexo
1 $ cnpm install -g hexo-cli 與原先的npm完全一樣，只是命令改為cnpm,一樣等待hexo安裝完成
出現的WARN可以不用理會
繼續輸入以下命令1 $ cnpm install hexo --save 安裝完成後，在輸入命令，驗證是否安裝正確
1 $ hexo -v 
本地執行hexo
-
初始化hexo
1 $ hexo init 
-
安裝生成器
1 $ cnpm install 
-
執行hexo,以後要在本地執行部落格只要輸入該命令即可
1 $ hexo s -g 
開啟瀏覽器，輸入localhost:4000,就可以在本地看到你的個人部落格了
-
停止執行
按住Ctrl+C鍵即可停止
管理部落格
-
配置資訊
使用Sublime_Text編輯器（綠色軟體無需安裝，解壓即可使用）開啟blog/_config.yml檔案，進行配置
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465 #部落格名稱title: 我的部落格#副標題subtitle: 一天進步一點#簡介description: 記錄生活點滴#部落格作者author: John Doe#部落格語言language: zh-CN#時區timezone:#部落格地址,與申請的GitHub一致url: http://elfwalk.github.ioroot: /#部落格連結格式permalink: :year/:month/:day/:title/permalink_defaults:source_dir: sourcepublic_dir: publictag_dir: tagsarchive_dir: archivescategory_dir: categoriescode_dir: downloads/codei18n_dir: :langskip_render:new_post_name: :title.md # File name of new postsdefault_layout: posttitlecase: false # Transform title into titlecaseexternal_link: true # Open external links in new tabfilename_case: 0render_drafts: falsepost_asset_folder: falserelative_link: falsefuture: truehighlight: enable: true line_number: true auto_detect: true tab_replace:default_category: uncategorizedcategory_map:tag_map:#日期格式date_format: YYYY-MM-DDtime_format: HH:mm:ss#分頁，每頁文章數量per_page: 10pagination_dir: page#部落格主題theme: landscape#釋出設定deploy: type: git #elfwalk改為你的github使用者名稱 repository: https://github.com/elfwalk/elfwalk.github.io.git branch: master -
寫一篇文章
輸入建立文章命令，生成一個md檔案(/blog/source/_posts/)1 $ hexo new "hello" 
用編輯器開啟hello.md檔案,編寫完後儲存123456789101112 title: hellodate: 2015-07-01 22:37:23categories: - 日誌 - 二級目錄tags: - hello---摘要:<!--more-->正文:
釋出部落格
配置SSH keys
我們如何讓本地git專案與遠端的github建立聯絡呢？用SSH keys。
-
生成新的SSH Key：
123 $ ssh-keygen -t rsa -C "郵件地址@youremail.com"Generating public/private rsa key pair.Enter file in which<