Hexo+GitPage實現個人博客
環境
-
檢驗是否安裝成功：
命令：
node -v
顯示：v10.16.0（版本可能跟我不一樣）命令：
npm -v顯示：
6.9.0 -
左面單擊鼠標右鍵
顯示：
git bash here -
[hexo]:
安裝：
npm install hexo-cli -g #安裝hexo模塊命令：
hexo -v顯示：
hexo-cli: 2.0.0 ........
開始
新建倉庫：
登錄github官網，創建一個開源項目
-
項目名稱：username.github.io 形式 （項目名創建錯誤的朋友，點擊自己頭像，進入設置，刪除項目再重來吧~~~）例：guyue.github.io
-
項目描述就隨便了
-
公有項目
-
勾上初始化readme
-
完成GitPage創建檢查：
進入項目設置（不是個人設置0.0）
找到GitHub Pages
下面顯示：
√ Your site is published at https://username.github.io/
就成功了
生成密鑰
打開git bash（桌面右鍵，git bash here），輸入ssh-keygen -t rsa , 接着回車三下，創建公私鑰成功， 回車默認的是把公鑰和私鑰保存在默認的路徑，當然你也可以選擇自己的路徑，把路徑輸入即可，但是不建議這樣做，後面會出問題
ssh-keygen -t rsa -C "[email protected]"
ssh-add ~/.ssh/id_rsa
在C:\Users\10592.ssh目錄下會生成id_rsa和id_rsa.pub文件（後面用到）
在github上添加SSH key
進入自己的github，點擊頭像，進入settings ，點擊SSH and GPG keys，點擊new GPG key
把上面的id_rsa.pub文件裏的內容複製到key，title隨便填，點擊Add GPG keys
SSH key添加之後，就可以在本機git bash中進行測試，輸入 ssh -T [email protected]進行測試,出現hi xxxx，說名ssh授權成功
如果提示Are you sure you want to continue connecting (yes/no)?，輸入yes，然後會看到：
Hi liuxianan! You’ve successfully authenticated, but GitHub does not provide shell access.
如果出現無法登陸的情況，先把之前生成的文件懂刪了以後再重新生成一下ssh，（建議使用默認目錄，否則這個地方會出問題）
配置git的username與email（第一次使用git）
git config --global user.name "username"
git config --global user.email "[email protected]"
查看是否配置成功，輸入下面代碼，顯示用戶名和郵箱
git config --global user.name
git config --global user.email
創建本地項目：
常用命令
$ hexo generate (hexo g) 生成靜態文件
$ hexo server (hexo s) 啓動本地服務
$ hexo deploy (hexo d) 提交到遠程倉庫
$ hexo clean 清除本地 public 文件
$ hexo new page "xx"(hexo n page) 創建頁面
$ hexo new "xx" (hexo n "") 創建文章
$ hexo d -g 生成靜態並提交到遠程倉庫
$ hexo s -g 生成靜態文件並啓動本地預覽
初始化
先來說幾個注意事項：
- 很多命令既可以用Windows的cmd來完成，也可以使用git bash來完成，但是部分命令會有一些問題，爲避免不必要的問題，建議全部使用git bash來執行；
- hexo有2種
_config.yml文件，一個是根目錄下的全局的_config.yml，一個是各個theme下的；
新建一個hexo文件夾，在文件夾中，打開git bash here輸入下列命令初始化本地項目blog
hexo init blog #通過hexo創建一個blog項目
然後輸入如下命令，生成靜態文件，並開啓本地預覽服務，打開瀏覽器訪問 http://localhost:4000 即可看到內容
hexo g
hexo d
修改主題
先了解blog文件夾中各個文件的作用，打開blog文件夾，裏面文件說明如下：
node_modules npm 文件緩存目錄
scaffolds 文夾件下存放的是文章、頁面模版
scource 文夾件下存放的是我們的資源文件
themes 文件下存放的是我們的主題文件
.gitignore git 忽略文件，設置提交文件時，哪些文件不提交
_config.yml 站點配置文件
package.json 站點版本，站點依賴文件
通過預覽你肯定已經知道，默認主題真的，很醜！，所以我們可以在網上找一個自己喜歡的主題，hexo官網主題 https://hexo.io/themes/
將自己下載好的主題文件解壓到 blog\themes 文件夾下
修改_config.yml中的theme: landscape改爲theme: fox(fox爲我下載的主題的文件名)，然後重新執行hexo g來重新生成，hexo s 繼續預覽
如果出現一些莫名其妙的問題，可以先執行hexo clean來清理一下public的內容，然後再來重新生成和發佈。
項目上傳到github
打開github中建的項目，點擊clone or download，選擇use ssh 點擊複製
打開blog文件夾下配置文件 _config.yml
配置 _config.yml 中有關deploy的部分，複製的內容相信你們已經知道放到哪兒了
deploy:
type: git
repository: [email protected]:liuxianan/liuxianan.github.io.git
branch: master
配置好後,輸入如下命令
hexo clean
hexo g
hexo d
不出意外，你應該報錯了：
Deployer not found: github 或者 Deployer not found: git
原因是還需要安裝一個插件：
npm install hexo-deployer-git --save
其它命令不確定，部署這個命令一定要用git bash，否則會提示Permission denied (publickey).
打開你的git bash，輸入hexo d就會將本次有改動的代碼全部提交，沒有改動的不會：
完成
提交完成，打開√ Your site is published at https://username.github.io/ 後面網址，不出意外，應該成功了
如果你想改變你的訪問網址，則需買一個域名，窮b的我就不說了
查看我的個人博客: GitHub