本站主题已整理开源 - Sanarous的博客

本站主题已整理开源

主题已整理打包

如果有小伙伴喜欢本站主题的话,可以在Github上下载本站主题,也希望大家能够star或者fork一下多多支持哦~

Github地址:https://github.com/Sanarous/hexo-theme-next5-polished

主题使用说明

效果预览地址:https://bestzuo.cn

⚠️ 注意并不能保证网站的样式与Github仓库中样式一致,如果你会修改css样式的话,可以继续在此基础上魔改next主题。

使用方法

使用GitBash,进入到本地hexo目录,使用以下命令

1
git clone https://github.com/Sanarous/hexo-theme-next5-polished.git /themes/hexo-themes-next5-polished

其中hexo-themes-next5-polished名称可以任取,只要放到hexo下的themes主题下即可。

使用前环境准备

插件准备

由于主题中集成了很多插件,所以为了保证博客样式的完整性,在使用之前,需要先确保你的hexo博客已经安装过如下插件:

1
2
3
4
5
6
7
8
9
10
11
12
13
"hexo-abbrlink": "^2.0.5",  //生成文章唯一路径
"hexo-admin": "^2.3.0", //后台插件,可以不安装
"hexo-deployer-git": "^1.0.0", //git部署插件
"hexo-douban": "^1.1.3", //豆瓣读书/电影/游戏 页面显示模块
"hexo-generator-baidu-sitemap": "^0.1.6", //百度sitemap,用于seo,可以不安装
"hexo-generator-sitemap": "^1.2.0", // 同上
"hexo-generator-feed": "^1.2.2", //生成RSS订阅插件,可以不安装
"hexo-generator-searchdb": "^1.0.8", //使用localsearch本地搜索插件
"hexo-leancloud-counter-security": "^1.4.0", //leanCloud设置
"hexo-neat": "^1.0.4", //压缩css/html/js工具,也可以使用gulp
"hexo-related-popular-posts": "^3.0.4", //文末相关文章推荐插件
"hexo-symbols-count-time": "^0.4.4", //Next6主题字数统计
"hexo-wordcount": "^6.0.1", //Next5主题字数统计,忘了我用的哪一个,所以都安装一下吧 - -

如果你忘了是否安装过这些插件的话,可以打开hexo目录下的hexo/package.json文件,核对一下对应上面的插件名称即可。

具体安装上述插件方式:

在GitBash中cd到站点根目录下,使用npm install hexo-abbrlink --save命令即可,所有插件安装方式都一样。

配置文件准备

  • 修改valine评论系统

具体方式,在主题配置文件_config.xml中搜索valine,找到如下配置:

文件位置:themes/hexo-themes-next5-polished/_config.xml
1
2
3
4
5
6
7
8
9
10
valine:
enable: true
appid: # your leancloud application appid
appkey: # your leancloud application appkey
notify: false # mail notifier, See: https://github.com/xCss/Valine/wiki
verify: false # Verification code
placeholder: (๑•́ •̀๑) 留言时填写您的邮箱可以邮件收到博主的回复噢~ # comment box placeholder
avatar: wavatar # gravatar style
guest_info: nick,mail # custom comment header
pageSize: 10 # pagination size

其中需要填写appidappkey,这两个都在leanCloud官网注册并获取即可,具体不再赘述,可以参考valine的官网。

LeanCloud官网

Valine官网

  • 设置leanCloud_visitors

同上,在主题配置文件_config.xml中搜索leanCloud_visitors,找到如下配置:

文件位置:themes/hexo-themes-next5-polished/_config.xml
1
2
3
4
leancloud_visitors:
enable: true
app_id: # 同上面valine的app_id
app_key: # 同上面valine的app_key

其中的app_idapp_key同上面的valine下面的,然后需要注意一点的是,这个leanCloud统计文章阅读量需要在leanCloud的存储中新建Class,并且Class名称必须为Counter,数据条目设置为限制写入,即其他人可读、不可写。具体使用方式请百度搜索,这里不再赘述。至于为什么不使用不蒜子统计文章阅读量。。主要是不蒜子统计不能进行后台管理呀。

  • hexo站点根目录下添加配置

完成主题配置文件后,我们还需要修改一下hexo站点根目录配置文件,以下附上我个人的_config.xml配置文件供参考:

文件位置:hexo/_config.xml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
# Hexo Configuration
## Docs: https://hexo.io/docs/configuration.html
## Source: https://github.com/hexojs/hexo/

# Site
title: 码农翻身Sanarous
subtitle: 普通的开发者,热情的学习者
description: 本站内容主要是热衷于分享一些Java学习知识点总结和笔记,以及分享一些博客搭建技巧,欢迎各位来访!
keywords: 码农,码农翻身,码农翻身Sanarous,Sanarous,Java,Hexo,Next,个人博客,hexo博客
author: Sanarous
language: zh-Hans
timezone:

# URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: https://bestzuo.cn
root: /
permalink: posts/:abbrlink.html
permalink_defaults:

# abbrlink config
abbrlink:
alg: crc32 #support crc16(default) and crc32
rep: dec #support dec(default) and hex

# Directory
source_dir: source
public_dir: public
tag_dir: tags
archive_dir: archives
category_dir: categories
code_dir: downloads/code
i18n_dir: :lang
skip_render:

# Writing
new_post_name: :title.md # File name of new posts
default_layout: post
titlecase: false # Transform title into titlecase
external_link: true # Open external links in new tab
filename_case: 0
render_drafts: false
post_asset_folder: false
relative_link: false
future: true
highlight:
enable: true
line_number: true
auto_detect: true
tab_replace:

# Home page setting
# path: Root path for your blogs index page. (default = '')
# per_page: Posts displayed per page. (0 = disable pagination)
# order_by: Posts order. (Order by date descending by default)
index_generator:
path: ''
per_page: 10
order_by: -date

# Category & Tag
default_category: uncategorized
category_map:
tag_map:

# Date / Time format
date_format: YYYY-MM-DD
time_format: HH:mm:ss

# Pagination
## Set per_page to 0 to disable pagination
per_page: 20
pagination_dir: page

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: hexo-theme-next

# Deployment
## Docs: https://hexo.io/docs/deployment.html
#deploy:
# type: git
# repo: https://github.com/Sanarous/Sanarous.github.io
# branch: master
deploy:
type: git
repo: https://github.com/Sanarous/Sanarous.github.io

leancloud_counter_security:
enable_sync: true
app_id: 需要填写
app_key: 需要填写
username: <<your username>> # Will be asked while deploying if is left blank
password: <<your password>> # Recommmended to be left blank. Will be asked while deploying if is left blank

# 豆瓣评书
douban:
user: bestzuo
builtin: false
book:
title: '&nbsp;'
quote: '书读百遍,其义自见;非淡泊无以明志,非宁静无以致远。'
timeout: 10000

# hexo sitemap网站地图
baidusitemap:
path: baidusitemap.xml
sitemap:
path: sitemap.xml

# hexo-neat
# 博文压缩
neat_enable: true
# 压缩html
neat_html:
enable: true
# 压缩css
neat_css:
enable: true
exclude:
- '**/*.min.css'
# 压缩js
neat_js:
enable: true
mangle: true
exclude:
- '**/*.min.js'
- '**/clicklove.js'
- '**/image.js'
- '**/valine.js'
- '**/linkcard.js'
- '**/clicksocialvalue.js'

# rss
plugins:
hexo-generator-feed

#Feed Atom
feed:
type: atom
path: atom.xml
limit: 20

启动hexo博客

然后就可以使用hexo命令启动hexo博客查看效果啦!


最后的最后:

如果使用过程中发现问题,请提交一下issue以方便我修改,由于很多配置都是很久以前的,所以在记录这个的时候我并不一定都能想到 - - 希望各位能谅解一下。
如果这篇文章对您很有帮助,不妨
-------------    本文结束  感谢您的阅读    -------------
0%