博客网站的模版

发表于 | 分类于 |

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

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

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

1
theme: next

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

1
2
mkdir themes/next
$ curl -s 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生成静态网页。

请支持我一下吧.