文章目錄
-
- 一、安裝Node.js
- 1.1 下載完該安裝包，直接進行安裝即可。
- 1.2 打開終端，切換至root用戶。
- 1.3 查看一下node的版本
- 1.4 查看npm的版本
- 二、安裝hexo
- 2.1 安裝cnpm
- 2.2 查看cnpm
- 2.3 查看cnpm的版本
- 2.4 利用cnpm來全局安裝hexo博客框架
- 2.5 驗證hexo是否安裝成功了
- 三、使用hexo正式搭建博客框架
- 3.1 建立一個空的文件夾，名爲：LyfdeBlog
- 3.2 進入LyfdeBlog目錄
- 3.3 真正使用hexo來生成博客！
- 3.4 部署博客至GitHub上
- 四、更換博客主題
- 4.1 推薦一個主題
- 4.2 下載主題
- 4.3 查看下載好的文件
- 4.4 將yilia主題配置到自己的博客中
一、安裝Node.js
1.1 下載完該安裝包，直接進行安裝即可。
1.2 打開終端，切換至root用戶。
1.3 查看一下node的版本
1.4 查看npm的版本
因爲安裝hexo是需要node來支持，因此，這一步前置步驟。
二、安裝hexo
在安裝hexo時，是需要藉助npm這個包管理器來安裝，但是，國內由於鏡像源的速度很慢，所以一般是在使用之前先利用npm來安裝一個cnpm。
2.1 安裝cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
如圖：
2.2 查看cnpm
2.3 查看cnpm的版本
這樣就說明，cnpm已經安裝成功了！！！
2.4 利用cnpm來全局安裝hexo博客框架
命令：
cnpm install -g hexo-cli
如圖：
2.5 驗證hexo是否安裝成功了
當看到有這些信息的存在時，就能夠知道hexo已經安裝好了。
三、使用hexo正式搭建博客框架
3.1 建立一個空的文件夾，名爲：LyfdeBlog
3.2 進入LyfdeBlog目錄
3.3 真正使用hexo來生成博客！
①初始化一個博客
sudo hexo init
如圖：
②看一下，在這個文件夾生成那些文件
ls -l
如圖：
③也可以在finder中看一下生成的東西：
④啓動博客
hexo s
其中s爲start的簡寫，表示啓動博客。
⑤然後，在瀏覽器中打開 http://localhost:4000，就能夠看到以下效果：
⑥按住ctrl + c來斷開，然後新建一篇文章。
hexo n "我的第一篇博客"
如圖：
⑦進入source/_posts/這個目錄下
cd source/_posts/
如圖：
然後，就會發現我們創建文件成功。
⑧在我的第一篇博客.md這個md文件中進行寫博客，這裏採用的是vim命令進行編寫的。
⑨再回到LyfdeBlog目錄下，命令如下：
cd ../..
如圖：
⑩先hexo清理一下
hexo clean
如圖：
⑪然後，hexo生成一下，命令如下：
命令：
hexo g
其中，g爲generate的簡寫
如圖：
⑫再重新啓動一下
命令：
hexo s
如圖：
⑬然後，再將 http://localhost:4000 這個地址再重新刷新一下，就會出現那篇新建的博客文章。
如圖：
3.4 部署博客至GitHub上
①先打開自己的Github，然後創建一個新的倉庫，步驟如下：
②創建完這個倉庫後，然後再回終端上，安裝一個git部署的插件，命令如下：
cnpm install --save hexo-deployer-git
如圖：
如果上述出現了警告信息，不用管，繼續下一步即可。
③設置_config.yml文件
命令：
vim _config.yml
如圖：
修改的內容，如下圖：
該鏈接https://github.com/Chasing987/Chasing987.github.io.git是對應你的在github上的地址鏈接，如下圖：
④部署到遠端
hexo d
如圖：
注意： 如果此時需要你輸入你的賬戶和密碼，直接輸入的是你的github的賬戶和密碼即可！
⑤然後，你就會發現，你的github倉庫裏多了下面這些內容：
這時，可以做一個操作，將Chasing987/Chasing987.github.io這個鏈接拿出來直接訪問。即：
然後，就會發現，我們剛剛建的hexo博客就有了我們之前編寫好的博客了，如下圖：
這樣，你的博客就已經成功地部署到你的github上了，以後你就能夠直接通過https://Chasing987.github.io該網址就能夠直接訪問你的個人博客網站了，就不需要再通過localhost：4000端口去訪問了。
四、更換博客主題
4.1 推薦一個主題
鏈接爲：https://github.com/litten/hexo-theme-yilia，點擊該鏈接，你就能夠進入下面這個界面：
這裏提醒一下：我們所做的所有操作，都是在之前建立好的文件夾做的，比如我就在LyfdeBlog目錄下做的，如果大家做的任何操作有問題，或者不喜歡這個文件夾，可以直接刪除該文件夾重新再來。
4.2 下載主題
回到終端，利用下述的命令來進行下載這個主題。
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
如下圖：
4.3 查看下載好的文件
因爲是下載到theme這個目錄下，因此，我們可以去這個目錄下看一下有沒有該文件。
同樣，也可以去電腦上的LyfdeBlog目錄中的themes目錄下是否有yilia這個文件夾。
如果能夠看到上述的文件，就說明下載成功了！！！
4.4 將yilia主題配置到自己的博客中
①再回到終端中來，利用，下面的命令回到上一層的目錄，並顯示目錄下的文件。
cd ..
ls -l
如圖：
②配置_config.yml這個文件
終端命令：
vim _config.yml
如圖：
③然後，修改該文件，將主題由landscape改變爲yilia。
④重新hexo清理一下
命令：
hexo clean
如圖：
⑤然後，hexo生成一下
hexo g
如圖：
⑥hexo啓動一下
hexo s
如圖：
然後再將這個http://localhost:4000這個本地4000端口重新刷新一下，就發現之前的搭建的博客風格變了，如圖：
⑦將其推至遠端
先按住ctrl+c終止之前的進程，然後下面的命令推送至遠端：
hexo d
如圖：
⑧然後，我們也能夠通過之前的那個自己博客的鏈接https://chasing987.github.io/就能也能看上述博客更改後的結果。
如圖：
這樣，我們就完成了整個個人博客的搭建啦！
如果感覺寫得還行，來個一鍵三連吧，嘻嘻嘻嘻！！！