Hexo 是一個快速、簡潔且高效的博客框架。事實上,你也可以選擇上官網看教程。利用GitHub+Hexo我們可以快速搭建一個個人博客網站。以下是使用教程。
一. 安裝Hexo
據說windows下極易安裝失敗,但是我的win10並沒有出現什麼問題。所以我不知道你們會出現什麼問題我也不會解決。
如果你的系統裏已經安裝過Node.js和Git的話,安裝Hexo會是一件再簡單不過的事情。如果沒有安裝過的話,請自行百度教程。然後再繼續本篇內容。
打開git bash,然後運行npm install -g hexo-cli
。然後就安裝完成了。
二. 在GitHub上建立項目
在GitHub上建立一個空的repo,名稱是[你的用戶名.github.io],比如wenchuyang.github.io。
三. 配置Hexo
是的安裝完成之後你需要配置它,依舊用命令行。
1. 進入一個安全並且你能找得到的目錄,比如cd ~/Desktop
。
2. 執行以下命令
hexo init <folder> //folder是你自己的文件夾名稱,比如hexo init myBlog
cd <folder>
npm install //或者簡寫爲 npm i
您可以在_config.yml文件中修改大部分的配置。運行
start _config.yml
打開該文件,各參數如下。你需要把文件最後一行的type改成type: git
,最後一行的後邊新增一行,左邊與type平齊,加上一行repo: 倉庫地址
(請將倉庫地址改爲「你的用戶名.github.io」對應的倉庫地址)。注意格式。其它請按照你自己的需求更改。
安裝git部署插件。
npm install hexo-deployer-git --save
- 部署網站。
hexo deploy
四. 寫下你的第一篇blog
hexo new 我的第一篇博客
- 複製顯示的路徑,使用
start 路徑
來編輯它(windows給你顯示的路徑用的是”\”,你需要手動將其改成”/”才能進入目錄。[微笑]) hexo generate
hexo deploy
五. 切換主題
我猜你一定不會喜歡它默認的主題,當然如果你無所謂的話請忽略這一步。
- Hexo主題合集,找一個你喜歡的主題,進入主題的GitHub首頁。
- 複製它的SSH地址,假設地址是[email protected]:iissnan/hexo-theme-next.git
cd themes
進入themes文件夾。git clone [email protected]:iissnan/hexo-theme-next.git
將項目克隆到你的本地themes文件夾
5.
cd .. //退回到上層文件夾
start _config.yml //打開配置文件,將 _config.yml 的第 75 行改爲 theme: hexo-theme-next,保存
hexo generate
hexo deploy
- 等一分鐘,然後刷新你的博客頁面。
六. 上傳源碼
上邊我們建的倉庫保存的只是你的博客頁面,並沒有保存源碼。所以如果你誤刪了這個本地的文件夾…..嗯,爲了防止你手抖做出什麼可怕的事情,我們需要在GitHub上繼續新建一個項目,用來保存生成博客的源碼。
- 在GitHub上創建blog-generator空倉庫
- 初始化空倉庫,GitHub上有詳細的步驟,一步一步來即可。不多說了。
溫馨提示:你現在所在的目錄應該是你的博客目錄比如我的是myBlog,push到遠程倉庫的時候事實上你是將myBlog這整個的文件夾push上去。 - 以後每次
hexo deploy
之後博客就會更新,然後你記着add/commit/push將blog-generator同步更新就好了。