Coding Pages 搭建 Hexo 靜態(tài)博客

安裝hexo

我的小窩:https://zelsonia.coding.me/hexo/

  • 準(zhǔn)備:node.js(npm), git, coding賬號
  1. npm install -g hexo 安裝hexo

  2. 在本地sites下新建空文件夾來放置hexo touch hexo

  3. 初始化 hexo init

  4. 本地打開查看是否運(yùn)行成功

$ hexo g
$ hexo s 
這兩行命令是下面兩個的縮寫
hexo generate
hexo server

網(wǎng)址輸入localhost:4000 查看效果

安裝next主題

git clone git@github.com:iissnan/hexo-theme-next.git themes/next
如果想要其他主題迁央,自行搜索乍楚,把ssh替換上面的git@github.com:iissnan/hexo-theme-next.git

  1. 安裝好后,在根目錄下的_config.yml配置文件修改
    修改Hexo目錄下的config.yml配置文件中的theme屬性毁习,將其設(shè)置為nexttheme:next
    注意:Hexo有兩個config.yml文件,一個在根目錄,一個在theme下寝凌,此時修改的是在根目錄下的。

  2. 清除緩存孝赫,重新生成较木,查看localhost:4000,看主題是否生效

hexo clean 清除緩存 網(wǎng)頁正常情況下可以忽略此條命令
$ hexo g
$ hexo s

修改配置文件

coding新創(chuàng)建項目青柄,把ssh copy下來伐债,修改根目錄的配置文件_config.yml,注意縮進(jìn)致开,還有冒號后的空格

deploy:
  type: git
  repository:
      #github: git@github.com:ShomyLiu/ShomyLiu.github.io.git還可以github也一起
      coding: git@git.coding.net:shomyliu/shomyliu.git
  branch: master

在博客的source/目錄下需要創(chuàng)建一個空白文件,至于原因峰锁,是因為 coding.net需要這個文件來作為以靜態(tài)文件部署的標(biāo)志。就是說看到這個Staticfile就知道按照靜態(tài)文件來發(fā)布喇喉。
coding還需要在根目錄下建一個.nojekyll空文件(coding page 配置hexo報錯 the xx theme not be found
在根目錄下建一個.nojekyll空文件就可以了祖今,因為Coding默認(rèn)支持Jekyll搭建網(wǎng)站)

cd source/
touch Staticfile 

cd ../
到hexo
touch .nojekyll

上到coding

  1. npm install hexo-deployer-git --save
    安裝這個,要不之后會報錯error deployer not found:git

  2. 上到coding
    hexo clean
    hexo d -g
    如果報錯了拣技,看看是不是之前提到過的報錯千诬。

  3. coding 上選擇pages, 選master分支,他就自行部署了膏斤。成功后徐绑,若是沒有樣式,需要更改一下_config.yml文件莫辨,其中的url和root屬性傲茄。

url:http://zelsonia.coding.me/hexoTest/
root: /hexoTest

ps: 整個這個文件夾不需要git init毅访,push之類的操作。

報錯

ERROR Script load failed: themes\next\scripts\tags\exturl.js
Error: Cannot find module 'hexo-util'

運(yùn)行npm install hexo-util --save

next進(jìn)階

站點(diǎn)配置hexo/_config.yml

語言盘榨,和個人信息的部分,下面列出應(yīng)該需要修改的喻粹,有的可能某一種theme下看不到

language: zh-Hans 
author
title
subtitle
description

主題配置next/_config.yml

tag頁面點(diǎn)了404

添加目錄云、標(biāo)簽云頁面,不添加就會404
hexo new page "tags"
hexo new page "categories"
把主題配置文件里menu里對應(yīng)的注釋去掉,menu上就能看到分類和標(biāo)簽

添加新頁面后草巡,他的中文怎么改

如果添加了新的單詞守呜,就要添加翻譯在文件里
languages/{language}.yml,例如簡體中文就是zh-Hans.yml

側(cè)邊欄

sidebar positon
側(cè)邊欄位置山憨,left,right

頭像

avatar: url或者 /images/avatar.jpg
圖片放在source/images下

縮略圖

網(wǎng)站縮略圖標(biāo)icon
favicon: /favicon.ico
縮略圖可以在這個網(wǎng)站做http://tool.lu/favicon/

代碼高亮

code hightlight 高亮

github鏈接

social:
  #LinkLabel: Link
  GitHub: https://github.com/zelsonia

圖標(biāo)是social_icons

日志發(fā)布

發(fā)布新日志查乒,新博客

hexo new "Hello"

然后到source/_post下編輯同名md文件再clean && d -g

ps: md文件里 ##后面需要空格

刪除日志

直接_post下刪了,再clean,d -g

日志添加分類郁竟,標(biāo)簽

生成md文件時玛迄,在頂部會有填寫分類標(biāo)簽的地方,像這篇我就是這樣寫的

categories: hexo
tags: [hexo,node.js]

下面的日志棚亩,分類蓖议,標(biāo)簽是有了1個后才會出來,日志本來就有一篇蔑舞,所以其他的兩個一開始是沒有的。

放音樂

打開網(wǎng)頁版網(wǎng)易云音樂攻询。
如果只是加入單曲,只需要搜索歌曲州弟,點(diǎn)開歌曲名钧栖,點(diǎn)擊生成外鏈播放器,復(fù)制html代碼(可以選擇是否自動播放)婆翔,將html代碼無需任何修改放入markdown文章里就OK了拯杠。
如果想要加入歌單,就需要自己創(chuàng)建歌單啃奴,然后分享歌單潭陪,找到自己的分享動態(tài),點(diǎn)進(jìn)去可以看到有“生成外鏈播放器”這些字眼最蕾,其余操作就和上面一樣了依溯。不過,你的歌單有變化的話瘟则,這個外鏈的歌曲同樣跟著變黎炉,這一點(diǎn)挺棒的。

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="http://music.163.com/outchain/player?type=2&id=471374061&auto=1&height=66"></iframe>

嵌入不自動播放只需要把以上代碼中的auto改為=0即可醋拧,樣子是這樣的

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="http://music.163.com/outchain/player?type=2&id=471374061&auto=1&height=66"></iframe>

閱讀更多 設(shè)置

在文章的想要截斷的區(qū)域慷嗜, 添加這個``

其他應(yīng)用

每篇文章的閱讀量

http://www.tuicool.com/articles/YB3EJnz
注意事項是:config里已經(jīng)有appid等參數(shù)淀弹,還有中文翻譯那里也已經(jīng)存在

本地圖片方便引入

http://www.reibang.com/p/c2ba9533088a

  1. 首先確認(rèn)_config.yml 中有 post_asset_folder:true
  2. hexo下執(zhí)行npm install https://github.com/CodeFalling/hexo-asset-image --save
  3. 之后新建的md會在_posts下出現(xiàn)同名文件夾,是放圖片的庆械,之后![](articleName/logo.jpg)

rss訂閱

http://www.reibang.com/p/264024768d03
這個教程的問題是
plugins: hexo-generate-feed這是一行的薇溃,上面寫成兩行會報錯

首頁footer頁尾修改

首先,找到 \themes\next\layout_partials\下面的footer.swig文件缭乘,打開會發(fā)現(xiàn)痊焊,那兩行就是最后三段
可以把div里的改成{{ __('footer.powered') }} 去翻譯的文件里footer那里添加就行不要重復(fù)。

統(tǒng)計忿峻,評論薄啥,搜索

http://theme-next.iissnan.com/third-party-services.html#algolia-search
next官方給的好多擴(kuò)展,我用了

  • 網(wǎng)易云跟帖 評論(需要一級域名)
  • 百度統(tǒng)計 人次
  • 不蒜子統(tǒng)計 首頁統(tǒng)計
  • Algolia 搜索

里面都很詳細(xì)了逛尚。
幾點(diǎn)注意:1.百度統(tǒng)計不是站點(diǎn)上顯示垄惧,是去那邊看人次和次數(shù)。
2.hexo algolia 搜索,新增文章都要執(zhí)行添加進(jìn)index

沒有一級域名绰寞,就暫時不能搞評論了到逊。

更新hexo

更新hexo:
npm update -g hexo

更新主題:
cd 到主題文件夾,執(zhí)行命令:
git pull

更新插件:
npm update

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末滤钱,一起剝皮案震驚了整個濱河市觉壶,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌件缸,老刑警劉巖铜靶,帶你破解...
    沈念sama閱讀 219,039評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異他炊,居然都是意外死亡争剿,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,426評論 3 395
  • 文/潘曉璐 我一進(jìn)店門痊末,熙熙樓的掌柜王于貴愁眉苦臉地迎上來蚕苇,“玉大人,你說我怎么就攤上這事凿叠∩裕” “怎么了?”我有些...
    開封第一講書人閱讀 165,417評論 0 356
  • 文/不壞的土叔 我叫張陵盒件,是天一觀的道長蹬碧。 經(jīng)常有香客問我,道長履恩,這世上最難降的妖魔是什么锰茉? 我笑而不...
    開封第一講書人閱讀 58,868評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮切心,結(jié)果婚禮上飒筑,老公的妹妹穿的比我還像新娘片吊。我一直安慰自己,他們只是感情好协屡,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,892評論 6 392
  • 文/花漫 我一把揭開白布俏脊。 她就那樣靜靜地躺著,像睡著了一般肤晓。 火紅的嫁衣襯著肌膚如雪爷贫。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,692評論 1 305
  • 那天补憾,我揣著相機(jī)與錄音漫萄,去河邊找鬼。 笑死盈匾,一個胖子當(dāng)著我的面吹牛腾务,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播削饵,決...
    沈念sama閱讀 40,416評論 3 419
  • 文/蒼蘭香墨 我猛地睜開眼岩瘦,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了窿撬?” 一聲冷哼從身側(cè)響起启昧,我...
    開封第一講書人閱讀 39,326評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎劈伴,沒想到半個月后密末,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,782評論 1 316
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡宰啦,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,957評論 3 337
  • 正文 我和宋清朗相戀三年苏遥,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片赡模。...
    茶點(diǎn)故事閱讀 40,102評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖师抄,靈堂內(nèi)的尸體忽然破棺而出漓柑,到底是詐尸還是另有隱情,我是刑警寧澤叨吮,帶...
    沈念sama閱讀 35,790評論 5 346
  • 正文 年R本政府宣布辆布,位于F島的核電站,受9級特大地震影響茶鉴,放射性物質(zhì)發(fā)生泄漏锋玲。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,442評論 3 331
  • 文/蒙蒙 一涵叮、第九天 我趴在偏房一處隱蔽的房頂上張望惭蹂。 院中可真熱鬧伞插,春花似錦、人聲如沸盾碗。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,996評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽廷雅。三九已至耗美,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間航缀,已是汗流浹背商架。 一陣腳步聲響...
    開封第一講書人閱讀 33,113評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留芥玉,地道東北人蛇摸。 一個月前我還...
    沈念sama閱讀 48,332評論 3 373
  • 正文 我出身青樓,卻偏偏與公主長得像飞傀,于是被迫代替她去往敵國和親皇型。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,044評論 2 355

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

  • 第一章 安裝Git工具 下載GitHub for Windows,直接點(diǎn)擊安裝砸烦,安裝完成后弃鸦,可以看到“Git Sh...
    不圓的石頭閱讀 11,872評論 5 63
  • 環(huán)境配置 Hexo官網(wǎng)上本就有對Hexo安裝及使用的詳細(xì)介紹,強(qiáng)烈推薦幢痘。這里來講述自己安裝的親身步驟唬格,或有區(qū)別。 ...
    jovelin閱讀 1,521評論 2 2
  • 親愛的乖乖: 今天媽媽去參加智慧父母心理學(xué)課堂颜说,講課的老師是我們大家都喜歡的一位叫王威的心理學(xué)老師购岗。上了一天的課有...
    喵星人媽媽閱讀 352評論 7 5
  • 1. 線程池的概念 1.1 基本概念 由于線程的生命周期中包括創(chuàng)建、就緒门粪、運(yùn)行喊积、阻塞、銷毀階段玄妈,當(dāng)我們待處理的任務(wù)...
    Java旅行者閱讀 1,593評論 0 31
  • 每當(dāng)感受到此刻的暑氣乾吻,心里有一絲慶幸,還好你終于不必在度過這樣的炎炎夏日拟蜻,在承受酷暑的煎熬绎签。 從寒冬走到了酷暑,半...
    Elsie91閱讀 246評論 0 0