博客网站的模版


评论中有一个访客想要我的博客模版,但是又不知道这个人是谁。。。。尴尬

我用的是hexo博客框架,当前的主题用的是”next”,后台用的是”hexo admin”。剩下的基本都是自己折腾的内容,主要是修改2个配置文件。

修改主题,需要修改项目更目录下的_config.yml文件。在稍微靠后的地方可以看到有一个theme的字段,直接修改或者添加就行。需要注意的是冒号后面需要带空格。
theme: next

之前有人提供过一个安装命令,无效的话需要自己下载主题文件。

1
2
3
4
mkdir themes/next

https://api.github.com/repos/iissnan/hexo-theme-next/releases/latest | grep tarball_url | cut -d -f 4 | wget -i - -O- | tar -zx -C themes/next --strip-components=1

主题内容通过修改themes/next/_config.yml文件来实现。

打赏内容修改

reward_comment修改文案

wechatpay添加微信二维码图片

添加评论

我使用的是https://valine.js.org/,需要单独配置。

动态背景

我使用的是canvas_nest: true

1
2
3
4
5
6
7
8
9
10
11
# Canvas-nest
canvas_nest: true

# three_waves
three_waves: false

# canvas_lines
canvas_lines: false

# canvas_sphere
canvas_sphere: false

其他配置可以都试试,只要设置true就能看到。

cdn替换

next主题有一些引用需要翻墙,为了更好的打开网站,需要将这些内容替换。vendors字段下的都是可以调换的。

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
vendors:
# Internal path prefix. Please do not edit it.
_internal: lib

# Internal version: 2.1.3
jquery: //cdn.bootcss.com/jquery/2.1.3/jquery.min.js

# Internal version: 2.1.5
# See: http://fancyapps.com/fancybox/
fancybox: //cdn.bootcss.com/fancybox/2.1.5/jquery.fancybox.pack.js
fancybox_css: //cdn.bootcss.com/fancybox/2.1.5/jquery.fancybox.min.css

# Internal version: 1.0.6
# See: https://github.com/ftlabs/fastclick
fastclick: //cdn.bootcss.com/fastclick/1.0.6/fastclick.min.js

# Internal version: 1.9.7
# See: https://github.com/tuupola/jquery_lazyload
lazyload:

# Internal version: 1.2.1
# See: http://VelocityJS.org
velocity: //cdn.bootcss.com/velocity/1.2.1/velocity.min.js

# Internal version: 1.2.1
# See: http://VelocityJS.org
velocity_ui: //cdn.bootcss.com/velocity/1.2.1/velocity.ui.min.js

# Internal version: 0.7.9
# See: https://faisalman.github.io/ua-parser-js/
ua_parser:

# Internal version: 4.6.2
# See: http://fontawesome.io/
fontawesome:

# Internal version: 1
# https://www.algolia.com
algolia_instant_js:
algolia_instant_css:

# Internal version: 1.0.2
# See: https://github.com/HubSpot/pace
# Or use direct links below:
# pace: //cdn.bootcss.com/pace/1.0.2/pace.min.js
# pace_css: //cdn.bootcss.com/pace/1.0.2/themes/blue/pace-theme-flash.min.css
pace:
pace_css:

# Internal version: 1.0.0
# https://github.com/hustcc/canvas-nest.js
canvas_nest:

# three
three: //cdn.bootcss.com/three.js/84/three.min.js

完成上述操作之后,用hexo clean命令清除下缓存,之后hexo g生成静态网页。


文章作者: 郭方超
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 郭方超 !
评论
  目录