Next主题优化第二弹


在上一篇文章的基础之上,新增了一些常用的功能。

博文中插入图片

为什么把这个优化放到第一位呢?之前我兴致勃勃的建好了博客,马上就开始写第一篇博文,噼里啪啦一阵敲过后,
开始插入图片,按照Markdown语法来插入,完全加载不出来!!
那好吧,我改成图片链接好了吧!完事过后一样不行,这让我情何以堪,图片都没法放!这怎么行,我的表情包不就没地方用了吗???
一通搜索过后,终于被我找到了解决办法。

首先打开 主题配置 文件,搜索 post_asset_folder:,设置为 true

接着GitBash中键入一下命令 :

$ npm install hexo-asset-image --save

完事过后重新生成你需要插入图片的的博文,这时你会发现 hexo_blog\source\_posts 中除了 **.md 文件,还有一个同名的文件夹。这个文件夹是装载你博文其他资源的,可以把图片放这里。

放入的正确姿势为 ![你想输入的替代文字](文件夹名称/图片名.jpg),替代文字可以不填写。

这样就完成了图片的放置。

博文中插入音乐

网上很多文章都是说的添加外链播放器,这方法不好,首先逼格不够高,其次影响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一下及一些坑》


文章作者: Cody_
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 Cody_ !
评论
 上一篇
Python--短路计算 Python--短路计算
一个很小的细节,可是却可以在你不注意的时候给你带来炒鸡大的麻烦!放在这里时刻提醒自己这个小坑: 例: a = True print(a and 'a=T' or 'a=F') //最后结果:a=T
2018-02-24
下一篇 
Next主题配置及优化 Next主题配置及优化
本文采用的Next主题版本号为5.1.4,下载地址 Next。 话不多说,直接进入正题: 主题配置按照官方文档上的来就OK Next主题设定。标签页面以及分类页面其中的内容是Next主题根据你博文的标识自动添加的,并不需要我们手动添加 博主
2018-02-07
  目录