目錄
Hexo搭建個人博客(一)
1.安裝Node.js和Git
安裝過程不再詳述,沒有安裝過的可以參考其他教程,網上很多的。
安裝成功後,打開命令行界面,驗證是否安裝成功:
2.安裝淘寶源
之後可以安裝cnpm淘寶源,速度會快一些。在終端輸入下列命令:
npm install -g cnpm --registry=https://registry.npm.taobao.org
驗證:
cnpm -v
也可以選擇其他源。
3.正式安裝Hexo博客框架
cnpm install -g hexo-cli
驗證:在終端輸入hexo -v
之後,在你想要保存自己博客的地方新建一個文件夾,此後的一些代碼文件都會放入這個文件夾。新建完成後,打開Git安裝目錄,找到並雙擊 git-bash.exe。cd到之前新建的文件夾下,在我的電腦上是:
cd f://myhexo
4.初始化博客
然後對博客進行初始化:
hexo init
當出現提示:INFO Start blogging with Hexo!
,說明已經初始化完成啦!此時再看剛剛自己新建的文件夾,已經多出了很多文件。
5.訪問自己的博客
繼續在git-bash中輸入:
hexo server
停頓一下,會出現以下提示:
此時已經可以在localhost:4000中訪問自己的博客啦!
初始界面統一是這樣的:
我們可以對博客的樣式進行修改。但在此時,千萬不要關閉git-bash,一定要記得先關閉自己的博客,按git-bash中的提示按Ctrl+C
退出,不然之後會出問題的。但問題也不會太大,發現之後輸入hexo g
之類的命令出錯時,重啓一下電腦就完事了(可能還有其他解決方法,但這個最簡單粗暴)。
6.將博客部署到github上
6.1 新建倉庫(repository)
登錄自己的github賬號,新建一個倉庫,命名爲**你的用戶名.github.io **(固定格式,不然會失敗!)。例如:假如你的用戶名爲 zhangsan,那麼respository name就必須爲 zhangsan.github.io。
6.2 安裝git部署插件
在項目文件夾下Shift+鼠標右鍵打開PowerShell,然後輸入:
cnpm install hexo-deployer-git --save
成功後,找到項目文件夾下的 _config.yml,打開(我用的VS Code),找到Deployment的位置,進行修改:
之後用命令hexo d
便可以將我們的代碼部署到github上。
部署完成後,返回gitbuh界面,可以看到多了很多文件。之後就可以用倉庫名來訪問自己搭載的博客了:https://用戶名.github.io/
7.美化界面
可以在https://hexo.io/themes/index.html找到各種Hexo的主題。
接下來我們以yilia爲例,修改自己個人博客的界面。
在git-bash中輸入下列命令:
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
稍等片刻,界面就會克隆好,然後再次修改 _config.yml,找到theme項,將theme後面的內容修改爲yilia:
之後重新編譯,啓動(如果之前沒有停止服務器的話,這裏就不能正常進行,最簡單直接的辦法就是重啓):
hexo clean
hexo g
hexo s
之後便可以在localhost:4000查看效果。
那麼,如何部署到之前的遠端上去呢?先Ctrl+C退出當前服務進程,然後使用命令hexo d
即可。