给hexo博客添加上一篇下一篇功能

前言

发现其他主题有上一篇下一篇的功能，于是就给自己用的主题也加了一个。就是这样子~喵

实现

废话不多说，直接开始实现。

第一步 copy代码

当然是去有的博客上面去抄代码啊(抄作业什么的最擅长了)

找了个用next的友链博客，嗯…可以去我友链看

随便打开一片文章，按F12打开开发者工具。使用左上角的指针工具选择到上一篇下一篇元素的代码，右键copy代码

得到的代码如下：

第二步 修改代码

根据自己主题修改成模板的ejs代码如下：

插入到渲染文章的模板中，作者hojun的是在themes\jsimple\layout_widget\common-article.ejs这个文件里。

第三步 增加样式

继续使用F12来抄css，从父级抄到子级(有些不需要的看情况)

稍微改了一下：

第四步 oooooook了

查看效果：