Hexo+Github Pages+yilia搭建博客

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

附 參考文章

  1. Hexo+Github Pages+yilia搭建博客
  2. 圖床工具的使用---PicGo
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末海洼,一起剝皮案震驚了整個(gè)濱河市跨新,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌坏逢,老刑警劉巖域帐,帶你破解...
    沈念sama閱讀 212,542評(píng)論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異是整,居然都是意外死亡肖揣,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,596評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門浮入,熙熙樓的掌柜王于貴愁眉苦臉地迎上來龙优,“玉大人,你說我怎么就攤上這事事秀⊥希” “怎么了野舶?”我有些...
    開封第一講書人閱讀 158,021評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長瓦糟。 經(jīng)常有香客問我筒愚,道長,這世上最難降的妖魔是什么菩浙? 我笑而不...
    開封第一講書人閱讀 56,682評(píng)論 1 284
  • 正文 為了忘掉前任巢掺,我火速辦了婚禮,結(jié)果婚禮上劲蜻,老公的妹妹穿的比我還像新娘陆淀。我一直安慰自己,他們只是感情好先嬉,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,792評(píng)論 6 386
  • 文/花漫 我一把揭開白布轧苫。 她就那樣靜靜地躺著,像睡著了一般疫蔓。 火紅的嫁衣襯著肌膚如雪含懊。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,985評(píng)論 1 291
  • 那天衅胀,我揣著相機(jī)與錄音岔乔,去河邊找鬼。 笑死滚躯,一個(gè)胖子當(dāng)著我的面吹牛雏门,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播掸掏,決...
    沈念sama閱讀 39,107評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼茁影,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了丧凤?” 一聲冷哼從身側(cè)響起募闲,我...
    開封第一講書人閱讀 37,845評(píng)論 0 268
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎愿待,沒想到半個(gè)月后浩螺,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,299評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡呼盆,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,612評(píng)論 2 327
  • 正文 我和宋清朗相戀三年年扩,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了蚁廓。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片访圃。...
    茶點(diǎn)故事閱讀 38,747評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖相嵌,靈堂內(nèi)的尸體忽然破棺而出腿时,到底是詐尸還是另有隱情况脆,我是刑警寧澤,帶...
    沈念sama閱讀 34,441評(píng)論 4 333
  • 正文 年R本政府宣布批糟,位于F島的核電站格了,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏徽鼎。R本人自食惡果不足惜盛末,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,072評(píng)論 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望否淤。 院中可真熱鬧悄但,春花似錦、人聲如沸石抡。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,828評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽啰扛。三九已至嚎京,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間隐解,已是汗流浹背鞍帝。 一陣腳步聲響...
    開封第一講書人閱讀 32,069評(píng)論 1 267
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留厢漩,地道東北人膜眠。 一個(gè)月前我還...
    沈念sama閱讀 46,545評(píng)論 2 362
  • 正文 我出身青樓,卻偏偏與公主長得像溜嗜,于是被迫代替她去往敵國和親宵膨。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,658評(píng)論 2 350

推薦閱讀更多精彩內(nèi)容