Github Pages+Hexo搭建個人博客填坑記

我的博客https://lihel.github.io/歡迎來交流 : )

參考教程戳這里

首先要安裝node環(huán)境,安裝git,注冊自己的github帳號

開始安裝Hexo

sudo npm install  hexo -g

創(chuàng)建一個文件夾挖诸,如:Blog,cd到Blog里執(zhí)行hexo init

hexo init

在這里我遇到了一個錯誤



根據(jù)提示執(zhí)行命令,執(zhí)行完要等一段時間酿联,這里下載比較慢

npm install hexo --save

執(zhí)行成功后用hexo -v查看hexo版本


繼續(xù)再Blog目錄下執(zhí)行如下命令,生成靜態(tài)頁面

hexo generate
//或者hexo g

執(zhí)行命令hexo server扮饶,提示:Usage: hexo<Command> ....


這里要安裝一個依賴包:

sudo npm install hexo-server

然后再執(zhí)行hexo generate


訪問http://localhost:4000/具练,正常情況下應該是最原始的畫面,但是我的頁面顯示:

原因: 由于2.6以后就更新了甜无,我們需要手動配置些東西扛点,我們需要輸入下面三行命令:

npm install hexo-renderer-ejs --save
npm install hexo-renderer-stylus --save
npm install hexo-renderer-marked --save

又遇到錯誤了(崩潰臉)


查了錯誤原因:

解決方法

在終端出入命令:

npm config set proxy http://proxy.company.com:8080
npm config set https-proxy http://proxy.company.com:8080

查看:


關于npm代理
http://www.cnblogs.com/huang0925/archive/2013/05/17/3083207.html
如果任何不在代理層下的人先執(zhí)行下面的命令,將代理設置為null岂丘。
如果你超越你的npm這里就不會拋出任何網(wǎng)絡錯誤了陵究。

npm config set proxy null

執(zhí)行sudo npm install命令,或者執(zhí)行上述的三條命令安裝依賴包


重新執(zhí)行hexo generate重新生成靜態(tài)文件奥帘,執(zhí)行下面命令

hexo server

啟動本地服務器铜邮,然后訪問http://localhost:4000/,就可以看到自己的blog啦寨蹋,此時是默認界面


至此我們的本地部分就搭建好了

配置github

建立與你用戶名對應的倉庫松蒜,倉庫名必須為【your_user_name.github.io】,固定寫法 然后建立關聯(lián)
現(xiàn)在我們需要_config.yml文件:

vim _config.yml

翻到最下面已旧,改成這個樣子秸苗,注意: 冒號后面要有空格,userName為你的github用戶名

deploy:
  type: git
  repository: https://github.com/userName/userName.github.io.git
 // 或者你也可以使用SSH Keys命令
 // repository: git@github.com:userName/userName.gitbub.io.git
  branch: master

完成后執(zhí)行下邊命令進行部署:

sudo npm install hexo-deployer-git --save

執(zhí)行配置命令:

hexo deploy

然后在瀏覽器中輸入http://userName.github.io/
但是我的頁面又出現(xiàn)了404錯誤
去訪問本地4000端口頁面可以正常顯示
原因是github倉庫中沒有設置gitpages


默認為None运褪,將這里改為主分支并保存

然后就可以通過https://lihel.github.io來訪問你的博客啦
lihel是我的github名惊楼,這里需要改為你自己的用戶名

更改主題

默認的主題太丑了玖瘸,來這里換一個吧
https://github.com/hexojs/hexo/wiki/Themes
我用的是yilia這個主題
cd 到你的本地倉庫的themes中新建一個文件夾yilia,在這個目錄下運行命令:

git clone git@github.com:litten/hexo-theme-yilia.git 

將這個主題克隆到本地
克隆完成后要將yilia中的目錄hexo-theme-yilia中的文件剪貼到yilia目錄下檀咙,刪除hexo-theme-yilia空文件夾雅倒,(否則會出現(xiàn)路徑錯誤) 完成后目錄結構如下:

重新執(zhí)行下列三條語句

hexo clean
hexo generate
hexo deploy

訪問https://lihel.github.io/就可以看到效果了

在這里的_config.yml中可以修改你的名字和網(wǎng)頁的title等信息

在此處的_config.yml中可以修改頁面顯示的東西

添加和發(fā)表新文章

創(chuàng)建文章:

hexo new "Github Pages+Hexo搭建個人博客"

執(zhí)行完后會在\Hexo\source_posts文件夾下創(chuàng)建一個后綴.md文件,你可以在里面添加任何字符串攀芯。這其實是一個markdown類型的文件屯断,使用markdown語言編寫.
添加完成后執(zhí)行下列命令發(fā)布文章:

hexo clean
hexo generate
hexo deploy
發(fā)布成功

這時大工程基本完成了,接下來配置博客文章目錄吧

配置文章目錄

默認是這個樣子的侣诺,沒有顯示文章列表

按照提示操作就可以了殖演,要確保node版本大于6.2
在博客的根目錄下執(zhí)行命令

sudo npm i hexo-generator-json-content --save

在根目錄下的_config.yml中添加如下配置:

jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

重新提交就好啦


文章列表出來了
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市年鸳,隨后出現(xiàn)的幾起案子趴久,更是在濱河造成了極大的恐慌,老刑警劉巖搔确,帶你破解...
    沈念sama閱讀 223,002評論 6 519
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件彼棍,死亡現(xiàn)場離奇詭異,居然都是意外死亡膳算,警方通過查閱死者的電腦和手機座硕,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,357評論 3 400
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來涕蜂,“玉大人华匾,你說我怎么就攤上這事』叮” “怎么了蜘拉?”我有些...
    開封第一講書人閱讀 169,787評論 0 365
  • 文/不壞的土叔 我叫張陵,是天一觀的道長有鹿。 經(jīng)常有香客問我旭旭,道長,這世上最難降的妖魔是什么葱跋? 我笑而不...
    開封第一講書人閱讀 60,237評論 1 300
  • 正文 為了忘掉前任持寄,我火速辦了婚禮,結果婚禮上年局,老公的妹妹穿的比我還像新娘际看。我一直安慰自己,他們只是感情好矢否,可當我...
    茶點故事閱讀 69,237評論 6 398
  • 文/花漫 我一把揭開白布仲闽。 她就那樣靜靜地躺著,像睡著了一般僵朗。 火紅的嫁衣襯著肌膚如雪赖欣。 梳的紋絲不亂的頭發(fā)上屑彻,一...
    開封第一講書人閱讀 52,821評論 1 314
  • 那天,我揣著相機與錄音顶吮,去河邊找鬼社牲。 笑死,一個胖子當著我的面吹牛悴了,可吹牛的內容都是我干的搏恤。 我是一名探鬼主播,決...
    沈念sama閱讀 41,236評論 3 424
  • 文/蒼蘭香墨 我猛地睜開眼湃交,長吁一口氣:“原來是場噩夢啊……” “哼熟空!你這毒婦竟也來了?” 一聲冷哼從身側響起搞莺,我...
    開封第一講書人閱讀 40,196評論 0 277
  • 序言:老撾萬榮一對情侶失蹤息罗,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后才沧,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體迈喉,經(jīng)...
    沈念sama閱讀 46,716評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 38,794評論 3 343
  • 正文 我和宋清朗相戀三年温圆,在試婚紗的時候發(fā)現(xiàn)自己被綠了挨摸。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,928評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡岁歉,死狀恐怖油坝,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情刨裆,我是刑警寧澤,帶...
    沈念sama閱讀 36,583評論 5 351
  • 正文 年R本政府宣布彬檀,位于F島的核電站帆啃,受9級特大地震影響,放射性物質發(fā)生泄漏窍帝。R本人自食惡果不足惜努潘,卻給世界環(huán)境...
    茶點故事閱讀 42,264評論 3 336
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望坤学。 院中可真熱鬧疯坤,春花似錦、人聲如沸深浮。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,755評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽飞苇。三九已至菌瘫,卻和暖如春蜗顽,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背雨让。 一陣腳步聲響...
    開封第一講書人閱讀 33,869評論 1 274
  • 我被黑心中介騙來泰國打工雇盖, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人栖忠。 一個月前我還...
    沈念sama閱讀 49,378評論 3 379
  • 正文 我出身青樓崔挖,卻偏偏與公主長得像,于是被迫代替她去往敵國和親庵寞。 傳聞我的和親對象是個殘疾皇子狸相,可洞房花燭夜當晚...
    茶點故事閱讀 45,937評論 2 361

推薦閱讀更多精彩內容