1. 程式人生 > 實用技巧 >使用hexo框架搭建部落格

使用hexo框架搭建部落格

簡介

來源百度

hexo框架使用

步驟一

該框架依賴git執行指令碼,node.js為執行庫,所以需要將二者下載下來,缺一不可!

官方文件

安裝好之後檢查node.js環境

安裝好之後檢查Git環境

右鍵檔案或者桌面夾出現Git brash / Git Gui即可

步驟二

安裝hexo框架。

1.自定義一個資料夾/如果不會cmd命令也可以直接git brash here

輸入npm install hexo -g
開始安裝Hexo

2.檢查hexo是否安裝成功

輸入hexo -v  

3.初始化該資料夾

輸入hexo init(有點漫長的等待。。。)

4.出現Start blogging with Hexo!初始化成功!

5.安裝所需要的元件

輸入npm install

6.建立靜態檔案

輸入hexo g,首次體驗Hexo

7.開啟伺服器,訪問該網址

hexo s

將Hexo與Github page聯絡起來

Github官網

如果是第一次,選中你的配置好的hexo框架資料夾,標右鍵,點選Git Base Here,設定使用者名稱和郵箱地址。

$ git config --global user.name "runoob"
$ git config --global user.email "[email protected]"

注意

請修改雙引號當中的內容,其中name為你github使用者名稱,郵箱為註冊github賬戶時的郵箱,避免出現差錯!

建立倉庫

Github賬戶註冊和新建專案,專案必須要遵守格式:賬戶名.github.io,不然接下來會有很多麻煩。
並且需要勾選Initialize this repository with a README


(請務必按照此格式來命名倉庫!)
之後參考部落格Github SSH key配置 確保SSH key配置完成

倉庫地址配置

當配置好了ssh key基本上已經算結束了,你只需要開啟這個部落格專案,修改hexo框架內的_config.yml

其中repo為你自己的倉庫地址

主題更換

同樣在_config.yml進行設定

前提是需要將你下載好的主題放在themes資料夾下

主題可以在

官方文件下載

上傳命令

生成以及部署文章之前,需要安裝一個擴充套件:
npm install hexo-deployer-git --save
只需安裝一次,以後不用再安裝  

更新部落格步驟

hexo clean

hexo g

hexo d

後兩步可簡寫成 
hexo g -d

上傳倉庫成功截圖

成功後訪問你的地址:http://使用者名稱.github.io,那麼將可以通過瀏覽器訪問到你部署的web介面。

注意

部署部落格有些細節非常重要,切記不能省略配置檔案前的空格:
建議選擇有主題配置及介紹的部落格下載。

如何編寫文件

一般文件都是放在

Blog\source\_posts\資料夾內

你可以直接將md檔案放入,框架就會自動解析成靜態的web介面

md文件可以使用markdown來編寫

可以花幾分鐘學一下markdown的語法,什麼菜鳥,自學,csdn應該都會有教程。
如果不嫌棄可以看一下我總結,但是隻僅限於寫文件用

圖床

關於圖床我用的是七牛雲的物件雲儲,其實也是因為它免費。
你可以這樣理解,圖床就是一個存放圖片外鏈的容器,當然也可以存放視訊,音訊的外鏈;

總結

簡單概括了搭建部落格的方式,我估計只有我自己能看懂吧,哈哈,畢竟這些東西當時我搞了兩天。出了很多bug!就很egg 疼。