前言
最近更新了一下站点的一些配置,让网站的趣味性有了一定的提升。主要做了一下几点更新。
添加雪花效果
实现方法:在 \themes\next\source\js\src
目录下新建一个 snow.js
文件,复制粘贴一下代码。
其中样式一是六边形的雪片,样式二是小圆点的雪花,其自行调试,选择喜欢的样式。
样式一
1 | /*样式一*/ |
样式二
1 | /*样式二*/ |
然后在 \themes\next\layout\_layout.swig
文件里<body></body>
内部引用即可:
1 | <!-- 雪花特效 --> |
请确保在你添加的代码上面已经引入了JQ,否则你还需要导入jq
1 | <script type="text/javascript" src="//libs.baidu.com/jquery/1.8.3/jquery.min.js"></script> |
添加天气插件
网上有很多的天气插件,找了很久发现心知天气非常不错。
获取地址:https://www.seniverse.com/widget/get
使用心知天气有两点必备条件:
- 注册心知天气账号
- 博客绑定了域名
如果你没有域名但是可以通过IP地址进行访问也是可以添加成功的。
下面说一下详细的过程:
配置插件
有账号之后,登录根据自己喜好配置插件。心知天气的自动适配功能非常的不错。
安装代码
选择好配置之后,就可以获取心知的插件代码。获取到代码之后,在\themes\next\layout\_partials\head\custom-head.swig
中添加获取的代码。之后就可以部署到Github上了。
吐槽一下,加载数独真的是很慢,特别是在移动端中,如果你希望你的站点访问速度快一点,建议还是不要为了功能,而放弃用户体验。
添加CNZZ统计
刚开始弄NexT主题的时候,对一些配置还不是很明白,所以一直都不敢弄。
今天总算有点精神,就把友盟的统计给加上了。之前一直都是用不蒜子的统计,但是不蒜子统计的内容太过简单了,不能够看到其他的一些数据。
友盟+ 传送门:https://passport.umeng.com/login?appId=cnzz
配置站点信息
登录之后,选择右上角的添加站点,配置好你的站点信息
获取代码
获取友盟提供给你的代码,友盟提供了很多的样式,随便复制一份就行。
在\themes\next\layout\_third-party\analytics\cnzz-analytics.swig
中将原来的代码全部删除,复制下面的代码:
ps:如果没有该文件,请自行创建然后复制修改下面的代码
1 | {% if theme.cnzz_siteid %} |
修改配置文件
添加了代码之后,还需要修改next的配置文件才能够生效。注意是主题配置文件
打开\themes\next
目录下的_config.yml
,按ctrl + F
搜索CNZZ
,找到之后将注释的内容打开,并设置成true,注意空格
1 | # CNZZ count |
这样就可以成功的使用CNZZ进行统计了。建议使用hexo s
在本地测试,看是否有问题再部署上去。
附赠
在我的博客中,部署友盟上去之后,发现移动端的footer顶上去了。
哭死: ( 写博客的时候,才发现不蒜子的统计居然变少了,原来不蒜子对域名前加www和不加www的网站是区分统计的。。。
算了,反正是佛系博主,随缘吧。。。。
打开\themes\next\source\css\_custom
目录下的custom.styl
,添加以下代码:
1 | // Custom styles. |
注意.content-wrap
前面有一个空格,一定要添加,否则博客的样式就全乱了。
最后
不要脸的问一句,各位看官觉得网站怎么样?请在下方留言告诉我你的看法哦。我也不一定会更改。。