hexo+github搭建专属个人博客的教程很多,这里也就不再介绍了,当然你也可以点击阅读原文查看。但是在初始搭建完成后,需要进行很多配置,使得网站功能更加健全,因此本文主要介绍网站的功能补全和优化。
本文以next主题为例,但很多设置对其他主题也通用。
如何在网站上添加访问信息统计呢?
1.注册友盟账号:https://www.umeng.com/
2.选择-产品-网站统计添加要统计的网站信息
3.站点设置-获取代码,注意是复制图中所示的代码之一,而不是前面的代码,否则只会显示图标而不显示统计结果。
cnzz统计
找到主题下cnzz的文件,例如next主题修改/next/layout/_third-party/analytics/cnzz-analytics.swig
文件内容如下:
添加完成后,记得修改next主题配置文件,将cnzz相关信息修改:
效果可访问https://www.yanbinghu.com
1.安装插件:
2.修改样式,打开next/layout/_macro/post.swig,找到class为post-meta的div,插入下面的内容:
使用时,只需要在文章的开头加:
即可。
置顶
效果:
安装插件:
打开next/layout/_custom/sidebar.swig
效果(不同主题展示的效果可能不太一样):
1.增加页面关键字,修改next主题配置文件中的keywords:
原来的渲染引擎有问题,过于复杂的公式没法正确显示,需要卸载,并重新安装完好的MathJax渲染引擎:
原因:通过浏览器右键检查元素查看控制台可以看到,有一个js文件加载失败。
打开next主题next/layout/_third-party/analytics/busuanzi-counter.swig 中卜算子脚本地址
修改为:
与google收录类似,但是时间比较长,并且由于github屏蔽了百度爬虫,因此在百度自动爬取时会出现403错误。
github pages默认情况下是http访问的,有时候http会被浏览器标识为不安全。因此,需要更改github pages的设置,强制https访问网站。
设置方法:进入github pages项目-->setting-->勾选Enfoce HTTPS
修改字体大小,可通过修改/source/css/_variables/base.styl
中的font-size-base,这是修改除标题以外的其他内容字体大小。
code-font-size修改代码字体大小。
font-family-base 修改字体
原先的链接样式只有下划线,颜色并无特别之处,因此修改链接样式为传统样式。效果:
修改文件sourcecss_commoncomponentspostpost.styl
增加内容
之前用过很多评论系统,但是不幸的是一个个地关闭了。但是gitment和gitalk依托于github,因此它基本是不可能被关闭的。新版的next主题已经默认可以支持gitment评论系统了。关于如何集成gitalk评论系统可阅读原文查看。
默认的tag标签符号是一个井号,我们需要更换为tag图标。修改layout/_macro/post.swig
搜索 rel="tag">#,将 # 换成
安装插件并修改配置文件即可:
wechatpay.jpg 和alipay.jpg分别是微信和支付宝的收款二维码。可放在hexo的resource目录下。
另外,在hexo根目录下执行命令
安装成功后即可。
需要安装hexo-generator-search
在站点的_config.yml中添加
同时在next主题中开启local search,这样站内的内容就可以搜索了。
hexo博客默认链接是以标题命名的,一旦标题变了,链接也就变了,而且链接过长,因此需要优化。
打开hexo主配置文件,将permalink部分修改为下面的格式。
当然为了避免链接层级过深,也可以去掉日或者月,以达到seo优化的目的。
以上只是部分更新内容,更多内容以及最新内容可阅读原文查看完整优化内容。而配置文件中还可以做很多优化,但这些仅仅需要修改配置文件,因此没有拿出来说明。
本文地址:http://lianchengexpo.xrbh.cn/quote/11315.html 迅博思语资讯 http://lianchengexpo.xrbh.cn/ , 查看更多