文章目錄
- 一、安裝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
下載地址：https://nodejs.org/en/
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/就能也能看上述博客更改后的結果，
如圖：
這樣，我們就完成了整個個人博客的搭建啦！
如果感覺寫得還行，來個一鍵三連吧，嘻嘻嘻嘻！！！
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/231535.html
標籤：AI