Hexo+Github Pages+yilia搭建博客

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 即可。

附 參考文章

  1. Hexo+Github Pages+yilia搭建博客
  2. 圖床工具的使用---PicGo
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容