使用hexo+next搭建个人博客（二）进阶设置

冷不防 2021-12-21 06:29 212阅读 0赞

## 1.使用Mist风格把侧栏放在左边 ##

[具体参考这个大佬写的博客。][Link 1]

## 2.博客文章阅读量设置 ##

[官方给的文档][Link 2]

[另一个大佬写的博客][Link 3]

## 3.搜索服务 ##

[具体参考官方文档][Link 4]

建议使用Local Search,更省事。

## 4.侧边栏实现QQ临时会话 ##

增加这行代码在侧边栏设置那里。

`QQ: http://wpa.qq.com/msgrd?v=3&uin=你的QQ号&site=qq&menu=yes || qq`

## 5.将文章部分加宽 ##

默认的文章面积有点小，两边都有很多空白，可以加宽一下。  
编辑主题的 source/css/\_variables/custom.styl 文件，新增变量：

// 修改成你期望的宽度
    $content-desktop = 700px
    
    // 当视窗超过 1600px 后的宽度
    $content-desktop-large = 900px

自己慢慢调成自己想要的大小吧。

## 6.增加评论设置 ##

编辑 主题配置文件， 将 disqus 下的 enable 设定为 true，同时提供您的 shortname。count 用于指定是否显示评论数量。

disqus:
      enable: false
      shortname:
      count: true

## 7.当前所在菜单下划线显示 ##

[这位大佬的博客][Link 5]

## 8.统计有多少人访问过博客，总共多少字 ##

参考上一位大佬的博客。只不过需要下载插件。

`npm i --save hexo-wordcount`

然后在主题配置文件中将wordcount设置为true。将busuanzi设置为true。

## 9.设置页面文章的篇数 ##

具体参考[官方文档][Link 6]

## 10.hexo博客图片问题 ##

具体参考[大佬][Link 7]

## 11.其他以后想起来再更新 ##

[Link 1]: https://fish-404.github.io/Blog-adjust-sidebar-nextmist-left/
[Link 2]: https://notes.doublemine.me/2015-10-21-%E4%B8%BANexT%E4%B8%BB%E9%A2%98%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E9%98%85%E8%AF%BB%E9%87%8F%E7%BB%9F%E8%AE%A1%E5%8A%9F%E8%83%BD.html#%E9%85%8D%E7%BD%AELeanCloud
[Link 3]: https://blog.csdn.net/weixin_39345384/article/details/80787998
[Link 4]: http://theme-next.iissnan.com/third-party-services.html#local-search
[Link 5]: https://blog.csdn.net/qq_31279347/article/details/82427562
[Link 6]: http://theme-next.iissnan.com/faqs.html
[Link 7]: https://www.jianshu.com/p/c2ba9533088a