通過npm uninstall <package>命令，你可以將node_modules目錄下的某個依賴包移除：

1

npm uninstall 包名

要從package.json文件的依賴列表中移除，你需要使用--save標簽：

1

npm uninstall 

注意：如果你是以開發依賴包（devDependency）的方式安裝的（即安裝時待--dave -dev標簽），那用--save將無法從package.json中移除，你必須用--save -dev標簽。

升級Next7.0.0

運行如下代碼：

1
2

cd hexo/themes
git clone https://github.com/theme-next/hexo-theme-next themes/next7.0.0

這樣做有個好處，在hexo/themes/下會生成新舊兩個next主題文件夾，我們可以在新舊兩個next主題間切換。

7.0.0主題的使用和優化

7.0.0主題的的使用

在站點根目錄下打開_config.yml找到theme，把它改為theme: next7.0.0

Next主題的設定

打開themes/next7.0.0下的_config.yml文件，在修改前最好將 _config.yml文件做個備份。找到Schemes修改為自己喜歡的主題樣式。

設置語言

打開站點根目錄下的_config.yml文件，找到language，修改為language: zh-CN

設置菜單

打開themes/next7.0.0下的_config.yml文件，找到menu按照自己的需求修改

設置頭像

把圖片放入themes/next7.0.0/source/images下，文件名為avatar01.jgp，並在/themes/next7.0.0/_config.yml中找到avatar修改為：

側邊欄設置

打開/themes/next7.0.0下的_config.yml找到social並根據自己的需求修改就行

濟覽頁面時顯示進度

打開/themes/next7.0.0下的_config.yml找到scrollpercent把false修改為true

代碼添加復制按鈕並顯示復制成功

打開/themes/next7.0.0下的_config.yml找到codeblock修改如下：

百度統計

登錄百度統計打開管理頁面下的代碼獲取，將hm.js?后的ID填入baidu_analytics

開啟閱讀人數和閱讀總人數

打開/themes/next7.0.0下的_config.yml找到busuanzi修改如下：

設置文章的閱讀時長和字數

先安裝插件

1

npm install hexo-symbols-count-time --save

打開/themes/next7.0.0下的_config.yml找到symbols_count_time修改如下：

站點根目錄下_config.yml添加以下內容

1
2
3
4
5
6
7

symbols_count_time:
 #文章內是否顯示
 symbols: true
 time: true
 # 網頁底部是否顯示
 total_symbols: true
 total_time: true

設置網站圖標

找一張或者自己制作一張32*32 圖片，並改各為favicon.ico放到/themes/next7.0.0/source/images里，修改/themes/next7.0.0/_config.yml里的favicon如下：

設置網站運行時間

打開hexothemesnextlayout_paritalsfooter.swig文件，在相應位置輸入以下代碼

1

本站已安全運行 90 天 06 小時 00 分 09 秒

Tab tag樣式

我們先來看一下效果

• tab 1
• tab 2

選項卡１

代碼：

1
2
3
4
5
6
7
8

{% tabs tab %}

**選項卡１**


**選項卡2**

{% endtabs %}

然后修改主題配置文件hexo/themes/next7.0/_configl.yml

1
2
3
4
5
6
7

# Tabs tag
tabs:
 enable: true
 transition:
 tabs: true
 labels: true
 border_radius: 0

更多詳細設置請點擊

大專欄  hexo及next主題修改tle="鏈接唯一化">鏈接唯一化

鏈接唯一化的好處在於不管你修改多少次文章鏈接也不會變，當文章標題使用中文時URL也不會出現中文，這樣做有利於分享和SEO。

安裝hexo-abbrlink插件

1

npm install hexo-abbrlink --save

打開站點根目下的_config.yml找到permalink做如下修改：

1
2
3
4
5
6
7
8
9
10
11
12

# URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: http://tophat.top
root: /
permalink: posts/:abbrlink.html # 默認項 :year/:month/:day/:title/
permalink_defaults: 

# 鏈接持久化插件abbrlink，添加插件：npm install hexo-abbrlink --save
abbrlink:
alg: crc32  # 算法：crc16(default) and crc32
rep: hex    # 進制：dec(default) and hex

算法和進制的組合如下：

1
2
3
4
5
6
7
8

crc16 
https://post.zz173.com/posts/66c8.html
crc16 & dec
https://post.zz173.com/posts/65535.html
crc32 
https://post.zz173.com/posts/8ddf18fb.html
crc32 & dec
https://post.zz173.com/posts/1690090958.html

使用crc16算法時文章數上限是65535

今天hexo g時發現頁面變成了undefined.html，上網搜了一圈也沒找到答案，正准備用其它插件代替時突然發現package.json里沒有了abbrlink模塊，於是重裝模塊並hexo cl && hexo g一切恢復正常。

為外部鏈接添加nofollow

139139未使用

安裝nofollow插件

1

npm install hexo-nofollow --save

將以下代碼加入到站點根目錄下的_config.yml中

1
2
3
4
5
6
7

# nofollow
nofollow:
 enable: true
 exclude:
 - exclude1.com
 - exclude2.com
external_link: true

• enable：啟用插件

• exclude：排除主機名

• external_link：添加target=”_blank”

  注意：external_link設置在默認的_config.yml中已經有了，只有在找不到的情況下再添加。

修改文章底部的那個帶#號的標簽

修改模板 /themes/next/layout/_macro/post.swig

搜索 rel=”tag”>#，將 # 換成 <i class="fa fa-tag"></i>

修改網站小圖標

將圖標放入 /themes/next/source/images

修改出題的配置文件

1
2
3
4
5

favicon:
 small: /images/favicon-16x16-next.png
 medium: /images/favicon-32x32-next.png
 apple_touch_icon: /images/apple-touch-icon-next.png
 safari_pinned_tab: /images/logo.svg

設置站點首頁不顯示文章全文

打開 主題配置文件 _config.yml文件，注意不是站點配置文件，該文件在對應主題文件夾下。找到如下：

1
2
3
4
5

# Automatically Excerpt. Not recommend.
# Please use <!-- more --> in the post to control excerpt accurately.
auto_excerpt:
 enable: true	#默認為false
 length: 150

把這里的 false 改為 true 就可以了在首頁啟動顯示文章預覽了，length 是顯示預覽的長度。

這里我們可以通過在文章使用標志來精確控制文章的摘要預覽，比如這篇文章就是在這個段落的末尾添加了該標志，所以本文在首頁的預覽就會顯示到這個段落為止。

強烈推薦使用該標志來控制文章的摘要預覽，因為這種方式可以讓摘要也按照 css 文件中的樣式來渲染。如果使用了自動摘要的功能，你會發現文章摘要是一大團沒有樣式的文本，很是難看。

其他的文章配置（字數統計、閱讀時長）

1
2
3
4
5
6
7
8
9
10
11

# ---------------------------------------------------------------
# Post Settings
# ---------------------------------------------------------------

# Automatically scroll page to section which is under <!-- more --> mark.
# 自動將頁面滾動到<!-- more -->標記下的地方。
scroll_to_more: false

# Automatically saving scroll position on each post/page in cookies.
# 自動保存每篇文章或頁面上一次滾動的地方。
save_scroll: false