Hexo博客使用经验

hexo博客编辑过程中遇到的问题以及解决办法

图片插入

图片资源的路径一直是一个令人头疼的问题,有时候即使在本地浏览器浏览图片正常,但部署到github后也会找不到图片。经过尝试,找到2种解决图片路径问题的方法。

图床

所谓图床,就是储存图片的服务器,支持创建图片的对外链接地址便于引用。使用时只要引入图片的绝对地址就可以,方便简单。

图床分为免费和收费的。无免费图床存在隐患,随时可能停止服务;收费图床稳定一些,不管从服务还是稳定性上,都更推荐收费图床。

目前大家推荐比较多的国内图床:

  • 七牛云储存
    新注册用户可免费使用 10G 存储空间。
  • 极简图床
    其实也是依赖七牛云储存账号的。

本地图片

本地存放图片的方法经过修改以后也是可以完美使用。

首先修改 站点配置文件

post_asset_folder: true

开启资源文件夹功能,该功能支持用户通过相对路径标签引用资源。

再执行 hexo new <title> 创建一篇名为title新的文章,在 source/_posts 下自动生成了一个和 md 文件同名的目录,这就是用于存放与文章有关的图片文件夹。

在根目录下执行:

npm install https://github.com/CodeFalling/hexo-asset-image --save

然后在 markdown 中插入图片:

! [图片描述] (title/image.png)

生成的页面中图片引用路径:

<img src="/YYYY/MM/DD/title/image.png" alt="图片描述">

至此,用 markdown 实现本地图片插入。

live2d

next自带主题的看板娘关闭

主题自带的看板娘存储路径与自定义的大不相同,所以 直接npm uninstall hexo-helper-live2d

网站数据统计不能正常工作

这是由于busuanzi(不蒜子)的网址更新,导致了使用Hexo Next主题的统计浏览数失效。

解决方法:
打开\themes\next\layout_third-party\analytics文件夹
编辑 busuanzi-counter.swig
将src=“https://dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js”
修改为src=“https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js”

busuanzi就能正常工作.