安裝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)頁正常情況下可以忽略此條命令
$ 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
語言剑逃,和個(gè)人信息的部分,下面列出應(yīng)該需要修改的浙宜,有的可能某一種theme下看不到
# Site 這一塊人物介紹的修改
title:
subtitle:
description:
author:
#simple chinese
language: zh-Hans
timezone:
主題配置next/_config.yml
tag頁面點(diǎn)了404
一開始沒有tag,category頁面,
在Menu Settings把對應(yīng)的注釋去掉,menu上就能看到分類和標(biāo)簽蛹磺。
添加目錄云粟瞬、標(biāo)簽云頁面,不添加就會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/ 下對應(yīng)的大小
代碼高亮
code hightlight theme 高亮
添加新頁面后裙品,他的中文怎么改
如果添加了新的單詞,就要添加翻譯在文件里
next/languages/{language}.yml俗或,例如簡體中文就是zh-Hans.yml
首頁footer頁尾修改
首先市怎,找到 \themes\next\layout_partials\下面的footer.swig文件,打開會發(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.reibang.com/p/264024768d03
這個(gè)教程的問題是
plugins: hexo-generate-feed
這是一行的帅腌,上面寫成兩行會報(bào)錯(cuò)
統(tǒng)計(jì)驰弄,評論,搜索
http://theme-next.iissnan.com/third-party-services.html#algolia-search
next官方給的好多擴(kuò)展速客,我用了以下
- 百度統(tǒng)計(jì) 人次
- 不蒜子統(tǒng)計(jì) 首頁統(tǒng)計(jì)
- Algolia 搜索
里面都很詳細(xì)了戚篙。
幾點(diǎn)注意:1.百度統(tǒng)計(jì)不是站點(diǎn)上顯示,是去那邊看人次和次數(shù)溺职。
2.hexo algolia 搜索,新增文章都要執(zhí)行添加進(jìn)index