Hexo+Github Pages+yilia搭建博客
一、什么是Github Pages
請(qǐng)自行查詢,總之是github支持的首頁(yè)展示倉(cāng)庫(kù),適合用來(lái)做博客首頁(yè),每個(gè)帳號(hào)只能有一個(gè)倉(cāng)庫(kù)來(lái)存放個(gè)人主頁(yè),而且倉(cāng)庫(kù)的名字必須是username/username.github.io
二、環(huán)境準(zhǔn)備
1.安裝node.js
2.安裝npm
3.安裝git,如果前面要commit、push,那之前就應(yīng)該安裝
4.github賬戶配置和github pages倉(cāng)庫(kù)配置
三、Hexo安裝
利用 npm 命令即可安裝。在桌面任意位置點(diǎn)擊鼠標(biāo)右鍵,選擇Git Base/Git Base Here
輸入命令:
npm install -g hexo
注意:-g是指全局安裝hexo。
在任意位置創(chuàng)建一個(gè)hexo文件夾。進(jìn)去文件夾 鼠標(biāo)右鍵 選擇Git Base/Git Base Here
完成命令操作如下:
$ cd d:/hexo # 此處以d盤新建hexo文件夾為例
$ npm install hexo-cli -g # 全局安裝hexo
$ hexo init blog # hexo初始化,初始化文件夾命名為blog
$ cd blog # 進(jìn)入blog文件夾
$ npm install # 執(zhí)行
$ hexo generate # 或者h(yuǎn)exo generate
$ hexo server # 或者h(yuǎn)exo s,可以在http://localhost:4000/ 查看(hexo s -p 8023端口被占用時(shí))
注意:執(zhí)行hexo命令必須在hexo當(dāng)前文件夾目錄,否則提示命令不正確。
四、Hexo主題切換
Hexo默認(rèn)主題是landscape,大家可以切換成為next或者yilia的風(fēng)格
步驟1.安裝主題
$ hexo clean
$ git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
步驟2. 啟用主題
修改Hexo目錄下的_config.yml配置文件中的theme屬性,將其設(shè)置為yilia。
$ vim _config.yml
步驟3. 更新主題
所謂的更新主題,其實(shí)就是步驟2更新主題配置文件后,重新啟動(dòng)hexo即可
$ cd themes/yilia ## 可以選擇不執(zhí)行更新
$ git pull ## 可以不執(zhí)行
## 以下命令退回到hexo文件夾路徑執(zhí)行,否則提示命令錯(cuò)誤
$ hexo generate # 生成
$ hexo server # 啟動(dòng)本地web服務(wù)器
步驟4. 本地訪問(wèn)
打開(kāi)http://localhost:8023/ ,會(huì)看到一個(gè)全新的界面。
五、MarkDown編寫神器
推薦使用Typore軟件編寫,軟件很小,功能齊全。
六、圖片上傳神器
寫markdown文章,難以避免的會(huì)需要添加圖片。
參考文章 圖床工具的使用---PicGo 即可。