如何搭建一個博客系統

date: 2018-03-03 18:37:50

轉載 ： 黃洪濤

根據方方老師文章【Hexo教程】一步一步做出來的

以下是步驟。

1. 進入一個安全的目錄，比如 cd ~/Desktop 或者 cd ~/Documents，別在根目錄 / 瞎搞。以後所有的教程第一步都是「進入一個安全的目錄，別在根目錄瞎搞」，只有 ~ 裡面的目錄是你能碰的！
2. 在 GitHub 上新建一個空 repo，repo 名稱是「你的用戶名.http://github.io」（請將你的用戶名替換成真正的用戶名）
3. npm install -g hexo-cli，安裝 Hexo
4. hexo init myBlog
5. cd myBlog
6. npm i
7. hexo new 開博大吉，你會看到一個 md 文件的路徑

Windows 的路徑中的 需要變成 / 才行哦

1. start xxxxxxxxxxxxxxxxxxx.md，編輯這個 md 文件，內容自己想（Ubuntu 系統用 xdg-open xxxxxxxxxxxxxxxxxxx.md 命令）
2. start _config.yml，編輯網站配置
   i. 把第 6 行的 title 改成你想要的名字
   ii. 把第 9 行的 author 改成你的大名

   iii. 把最後一行的 type 改成 type: git

   iv. 在最後一行後面新增一行，左邊與 type 平齊，加上一行 repo: 倉庫地址 （請將倉庫地址改為「你的用戶名.github.io」對應的倉庫地址，倉庫地址以 git@github.com: 開頭你知道吧？不知道？不知道的話現在你知道了）
   v 第 4 步的 repo: 後面有個空格，不要眼瞎。
3. npm install hexo-deployer-git --save，安裝 git 部署插件
4. hexo deploy
5. 進入「你的用戶名.http://github.io」對應的 repo，打開 GitHub Pages 功能，如果已經打開了，就直接點擊預覽鏈接
6. 你現在應該看到了你的博客！

第二篇博客

1. hexo new 第二篇博客
2. 複製顯示的路徑，使用 start 路徑 來編輯它
3. hexo generate
4. hexo deploy
5. 去看你的博客，應該能看到第二篇博客了

換主題

1. (https://github.com/hexojs/hexo/wiki/Themes) 上面有主題合集
2. 隨便找一個主題，進入主題的 GitHub 首頁，比如我找的是 (https://github.com/iissnan/hexo-theme-next)
3. 複製它的 SSH 地址或 HTTPS 地址，假設地址為 git@github.com:iissnan/hexo-theme-next.git
4. cd themes
5. git clone git@github.com:iissnan/hexo-theme-next.git
6. cd ..
7. 將 _config.yml 的第 75 行改為 theme: hexo-theme-next，保存
8. hexo generate
9. hexo deploy
10. 等一分鐘，然後刷新你的博客頁面，你會看到一個新的外觀。如果不喜歡這個主題，就回到第 1 步，重選一個主題。

上傳源代碼

注意「你的用戶名.http://github.io」上保存的只是你的博客，並沒有保存「生成博客的程序代碼」，你需要再創建一個名為 blog-generator 的空倉庫，用來保存 myBlog 裡面的「生成博客的程序代碼」。

1. 在 GitHub 創建 blog-generator 空倉庫

圖片

按照截圖中的命令執行即可，記住，別 TMD 用 HTTPS 地址。

1. 這樣一來，你的博客發布在了「你的用戶名.http://github.io」而你的「生成博客的程序代碼」發布在了 blog-generator。所有數據萬無一失，你就不會因為誤刪 myBlog 目錄而痛哭了。

以後每次 hexo deploy 完之後，博客就會更新；然後你還要要 add / commit /push 一下「生成博客的程序代碼」，以防萬一。

這個 blog-generator 就是用來生成博客的程序，而「你的用戶名.http://github.io」倉庫就是你的博客頁面。