在上一篇文章的基础之上,新增了一些常用的功能。
博文中插入图片
为什么把这个优化放到第一位呢?之前我兴致勃勃的建好了博客,马上就开始写第一篇博文,噼里啪啦一阵敲过后,
开始插入图片,按照Markdown语法来插入,完全加载不出来!!
那好吧,我改成图片链接好了吧!完事过后一样不行,这让我情何以堪,图片都没法放!这怎么行,我的表情包不就没地方用了吗???
一通搜索过后,终于被我找到了解决办法。
首先打开 主题配置
文件,搜索 post_asset_folder:
,设置为 true
。
接着GitBash中键入一下命令 :
$ npm install hexo-asset-image --save
完事过后重新生成你需要插入图片的的博文,这时你会发现 hexo_blog\source\_posts
中除了 **.md
文件,还有一个同名的文件夹。这个文件夹是装载你博文其他资源的,可以把图片放这里。
放入的正确姿势为 
,替代文字可以不填写。
这样就完成了图片的放置。
博文中插入音乐
网上很多文章都是说的添加外链播放器,这方法不好,首先逼格不够高,其次影响SEO(别人说的)。
由于Hexo博客的刷新方式为全局刷新,建议不用在首页放置音乐,不然每次点击过后都需要去暂定音乐,
用户体验效果会大大降低。
首先我们需要一个音乐插件:
$ npm install hexo-tag-aplayer@2.0.1 //不加版本号会默认安装2.0.0版本,这个版本会报错
完成之后,在需要添加音乐的地方加入一下代码:
//音乐以及音乐图片都以音乐链接的形式放入
{% aplayer "小半" "陈粒" "https://xxx.com/4234.mp3" "https://xxx.com/1.jpg" "autoplay" %}
如果你想放入歌单,可以参照文档来进行设置填写:文档链接。
添加版权信息
可能是网络上的其他文章年代有点久远吧,一个比一个麻烦,最后完事还不能用。。。。
Next目前的版本是集成了版权信息添加的,只需简单的几步即可完成。
第一步:
打开 主题配置
文件,搜索 post_copyright:
,设置其中的 enable:true
第二步:
在每篇博文的的title下添加 copyright: true
可以在 hexo_blog\scaffolds\post.md
文件中添加模版信息,就不用每次都去新增一次。
设置过后会自动在你博文最后添加版权信息。
注:版权信息中文章链接中的URL需要修改 站点配置
中的URL,修改为你自己的域名即可。
添加博文搜索功能
这里使用的搜索功能为Algolia,这个功能在Next的5.1.0版本引入,使用需要保证你的版本不会低于这个。
使用方式:文档链接
!!!!注意:
其中 站点配置
如下设置:
# Algolia
algolia:
applicationID: 'Your applicationID'
apiKey: 'Your apiKey'
adminApiKey: 'Your adminApiKey'
indexName: 'Your indexName'
chunkSize: 5000
每次在更新了博文后,都需要自己手动更新Index
,标签和分类页面会生成两个空白的Index页面,
不用去管它,可以直接去Algolia管理页面中删除这两个空白页面(每次更新过后都需要手动删除)。
更新Index的时候可以直接:
//set可能会无效,由于所有命令都是在GitBash中键入的,故可直接export
$ export HEXO_ALGOLIA_INDEXING_KEY=Your Search-Only API key
$ hexo algolia
添加评论功能
看了Next文档中提供的方法,来必力的最简单的方法,那我们就选择它了:文档链接。
添加博文及网站统计功能
使用过百度统计,腾讯分析,以及网络上其他的统计方法,感觉都非常麻烦,而且其他很大一部分的现在已经不能使用了,
这个过程是相当扎心。。。。。
最后我选择不蒜子统计,配置非常简单,几分钟就能解决你的问题。
使用方式:文档链接。
PS:至此Hexo系列的文章就暂告一段落了,以后有新的改变时再补充。
参考文章:
《hexo生成博文插入图片》
《为NexT主题添加文章阅读量统计功能》
《hexo添加音乐、high一下及一些坑》