Hexo搭建個人博客(一)

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查看效果。

img

那麼,如何部署到之前的遠端上去呢?先Ctrl+C退出當前服務進程,然後使用命令hexo d即可。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章