安裝next主題
在根目錄下的theme文件夾里
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有兩個(gè)主要修改的config.yml文件,一個(gè)在根目錄,一個(gè)在theme下,此時(shí)修改的是在根目錄下的。清除緩存,重新生成,查看localhost:4000,看主題是否生效,如果已經(jīng)改成deploy coding也可以deploy到coding看
hexo clean 清除緩存 網(wǎng)頁(yè)正常情況下可以忽略此條命令
$ hexo g
$ hexo s
報(bào)錯(cuò)
ERROR Script load failed: themes\next\scripts\tags\exturl.js
Error: Cannot find module 'hexo-util'
運(yùn)行npm install --save hexo-util
next進(jìn)階 設(shè)置
站點(diǎn)配置hexo/_config.yml
語(yǔ)言,和個(gè)人信息的部分,下面列出應(yīng)該需要修改的,有的可能某一種theme下看不到
# Site 這一塊人物介紹的修改
title:
subtitle:
description:
author:
#simple chinese
language: zh-Hans
timezone:
主題配置next/_config.yml
tag頁(yè)面點(diǎn)了404
一開始沒有tag,category頁(yè)面,
在Menu Settings把對(duì)應(yīng)的注釋去掉,menu上就能看到分類和標(biāo)簽。
添加目錄云、標(biāo)簽云頁(yè)面,不添加就會(huì)404
hexo new page "tags"
hexo new page "categories"
next不同主題怎么更換
找Scheme Settings目前有四種
github鏈接
從這邊開始Sidebar Settings
Social Links 取消github等的注釋 填上自己的鏈接
圖標(biāo)是social_icons
頭像
Sidebar Avatar
avatar: url或者 /images/avatar.jpg
圖片放在next/source/images下
側(cè)邊欄
有左右兩種選
sidebar positon
側(cè)邊欄位置,left,right
縮略圖
網(wǎng)站縮略圖標(biāo)icon, next config搜favicon
favicon: /favicon.ico
縮略圖可以在這個(gè)網(wǎng)站做http://tool.lu/favicon/ 下對(duì)應(yīng)的大小
代碼高亮
code hightlight theme 高亮
添加新頁(yè)面后,他的中文怎么改
如果添加了新的單詞,就要添加翻譯在文件里
next/languages/{language}.yml,例如簡(jiǎn)體中文就是zh-Hans.yml
首頁(yè)footer頁(yè)尾修改
首先,找到 \themes\next\layout_partials\下面的footer.swig文件,打開會(huì)發(fā)現(xiàn),那兩行就是最后三段
可以把div里的改成{{ __('footer.powered') }} 去翻譯的文件里footer那里添加就行不要重復(fù)。
其他應(yīng)用
每篇文章的閱讀量
http://www.tuicool.com/articles/YB3EJnz
注意事項(xiàng)是:config里已經(jīng)有appid等參數(shù),還有中文翻譯那里也已經(jīng)存在
rss訂閱
http://www.itdecent.cn/p/264024768d03
這個(gè)教程的問題是
plugins: hexo-generate-feed這是一行的,上面寫成兩行會(huì)報(bào)錯(cuò)
統(tǒng)計(jì),評(píng)論,搜索
http://theme-next.iissnan.com/third-party-services.html#algolia-search
next官方給的好多擴(kuò)展,我用了以下
- 百度統(tǒng)計(jì) 人次
- 不蒜子統(tǒng)計(jì) 首頁(yè)統(tǒng)計(jì)
- Algolia 搜索
里面都很詳細(xì)了。
幾點(diǎn)注意:1.百度統(tǒng)計(jì)不是站點(diǎn)上顯示,是去那邊看人次和次數(shù)。
2.hexo algolia 搜索,新增文章都要執(zhí)行添加進(jìn)index