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

前言

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

实现

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

第一步 copy代码

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

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

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

得到的代码如下:

第二步 修改代码

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

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

第三步 增加样式

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

稍微改了一下:

第四步 oooooook了

查看效果:

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180623A1ORQC00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券