Concise主题转Next主题

动机

已经很久没在自己搭建的博客上写文章了,自己平时虽然还是会把自己认为有用的东西写成博文,但是一般都会发到CSDN的博客上去Chillax,没有发到自己的这个博客。主要原因是,CSDN的博客已经有了一定的访问量,发在CSDN上可能帮助的人更多,也有更多的交流机会。因此,自己搭建的博客一直被我忽视了。最近几天,偶尔看到了next主题,一下子被吸引了,该主题的风格跟我追求的方向(简洁、大方)非常一致,因此纠结了很久,还是在今天利用一点时间,把主题改成了next。因为concise主题也有了少量的使用者,本着负责任的态度,因此把concise转next需要修改的东西稍微写一下。或者,你也可以直接查看next帮助文档,文档写的还是比较详细的,我基本也是靠着文档修改的。

正文

将Next主题下载到本地

进入自己博客存放主题目录E:\myblog\themes\,右键选择git bash,执行以下命令

1
$ git clone https://github.com/iissnan/hexo-theme-next.git

修改博客的配置文件

打开E:\myblog\_config.yml,将theme的值改为刚才下载的主题文件夹名

1
theme: hexo-theme-next

新建tags和categories

将tags和categories页面删除并重建
进入E:\myblog\source\categories\index.md删除,进入E:\myblog\source\tags\index.md删除
在博客根目录下右键选择git bash进入命令行,新建tags和categories

1
2
$ hexo new page "tags"
$ hexo new page categories

修改next主题的配置文件

打开E:\myblog\themes\next\_config.yml,修改部分内容,此处分两部分
第一部分:需要修改

1
2
3
4
5
6
7
8
9
10
11
12
13
favicon: /favicon.ico	#网站图标(收藏夹图标),放在主题的source/文件夹下

since: 2015#填写自己建博客的年份

avatar: /images/avatar.jpg #侧边栏的头像,放在主题的/source/images/文件夹下

swiftype_key: #填写swiftype代码中版本号前面的一串字符,如下图

baidu_analytics: #百度统计id,即concise主题配置文件中的baidu_sid字段

tencent_analytics: #腾讯统计id,即concise主题配置文件中的tencent_sid字段

duoshuo_shortname: #多说评论标识,跟concise主题一样

swiftype_key值如图红色部分:

第二部分:选择修改

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
menu:	#菜单栏,根据自己需要选择
home: /
#categories: /categories
#about: /about
archives: /archives
tags: /tags
#commonweal: /404.html
menu_icons:
enable: true #是否开启菜单栏图标,对面上面的菜单栏

scheme: Muse #提供了3种选择,是3种不同的样式,本人使用的是Mist

#social: #在右侧边栏中显示自己的社交超链接(github,facebook等)
#GitHub: huangjunhui #填写github的名字部分即可
#Others:
social_icons: #社交超链的小图标,对应上面的超链接
enable: true

links_title: Links #超链接的标题
# links
links:
Chillax: http://blog.csdn.net/v123411739 #超链接,Chillax为显示的名字

leancloud_visitors: #通过leancloud显示文章阅读次数,下文介绍怎么使用
enable: true #是否开启
app_id: #应用id
app_key: #应用key

通过leancloud显示文章阅读次数

1)进入leancloud官网注册一个用户
2)创建一个应用,名字随意

3)进入应用,选择存储一栏,点击数据旁边的小齿轮,选择创建Class

4)在Class name一栏输入Counter后创建

5)点击菜单栏中的设置,将应用URL填入自己的博客地址后保存,点击左侧应用Key一栏

6)将APP Id和APP Key复制,填入上文中主题配置文件中的的app_idapp_key

7)重新部署发布博客,记录文章访问量的唯一标识符是文章的发布日期以及文章的标题,因此请确保这两个数值组合的唯一性,如果你更改了这两个数值,会造成文章阅读数值的清零重计

8)查看Counter,如果刚创建内容可能为空,去博客点一点文章这边就有内容了,url是唯一标识,不要乱改,如果想改请先查看官方文档,time是阅读次数,可以修改

9)为了确保该应用只在自己的博客上使用,添加web安全域名,填入自己博客域名,这样就只有自己的博客可以访问后台数据了

结束语

折腾了一天,初步把主题搞的有点样子了,生命在于折腾,下一步,本人应该会在此主题上加入一些自己的想法,当然有可能只是小修小改,毕竟时间和技术有限。另外,近期可能会把一些CSDN上的技术博文转到本博客中,填充一下内容,主要是JAVA EE方面的技术,有同行的,可以关注下本博客。
最后,如果你有什么问题或者想法可以在下方留言,我将尽力帮你解决。