hexo theme next安裝及應(yīng)用

安裝next主題

在根目錄下的theme文件夾里

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有兩個(gè)主要修改的config.yml文件,一個(gè)在根目錄,一個(gè)在theme下,此時(shí)修改的是在根目錄下的。

  2. 清除緩存,重新生成,查看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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容