安裝hexo
我的小窩:https://zelsonia.coding.me/hexo/
- 準(zhǔn)備:node.js(npm), git, coding賬號
npm install -g hexo
安裝hexo在本地sites下新建空文件夾來放置hexo
touch hexo
初始化
hexo init
本地打開查看是否運(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
安裝好后,在根目錄下的_config.yml配置文件修改
修改Hexo目錄下的config.yml配置文件中的theme屬性毁习,將其設(shè)置為nexttheme:next
注意:Hexo有兩個config.yml文件,一個在根目錄,一個在theme下寝凌,此時修改的是在根目錄下的。清除緩存孝赫,重新生成较木,查看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
npm install hexo-deployer-git --save
安裝這個,要不之后會報錯error deployer not found:git上到coding
hexo clean
hexo d -g
如果報錯了拣技,看看是不是之前提到過的報錯千诬。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
- 首先確認(rèn)
_config.yml
中有 post_asset_folder:true - hexo下執(zhí)行
npm install https://github.com/CodeFalling/hexo-asset-image --save
- 之后新建的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