Hexo+Github Pages+yilia搭建博客
一肄程、什么是Github Pages
請(qǐng)自行查詢类溢,總之是github支持的首頁展示倉庫付翁,適合用來做博客首頁筛欢,每個(gè)帳號(hào)只能有一個(gè)倉庫來存放個(gè)人主頁恢共,而且倉庫的名字必須是username/username.github.io
二战秋、環(huán)境準(zhǔn)備
1.安裝node.js
2.安裝npm
3.安裝git,如果前面要commit讨韭、push脂信,那之前就應(yīng)該安裝
4.github賬戶配置和github pages倉庫配置
三癣蟋、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. 本地訪問
打開http://localhost:8023/ ,會(huì)看到一個(gè)全新的界面喊巍。
五屠缭、MarkDown編寫神器
推薦使用Typore軟件編寫,軟件很小崭参,功能齊全呵曹。
六、圖片上傳神器
寫markdown文章何暮,難以避免的會(huì)需要添加圖片奄喂。
參考文章 圖床工具的使用---PicGo 即可。