【hexo】博客文章末尾添加公众号二维码

写在前面

其实已经很久没有折腾的主题样式了,因为过去的好长时间都在瞎忙。最近这几天,因为闲下来了,便觉得那糟糕的博客主题实在有必要折腾一下了。
好吧,先来回忆一下过去的读者打开我的博客首页,看到的是什么鬼。。。


简直不能忍受啊,其实原本的博客主题是直接拿来的人家的开源模板,但是都怪自己,改动中出现了一些问题。
主要的问题大概是:

  • 博客图床问题
  • 博客文章中出现#xxxx 这样丑陋的东东
  • 博客的多说评论一直不能正常开启
    于是换回了一个原始版的yilia 主题。又进行了简单的配置,对前面提到的三个问题,重点注意了一番。这个时候,也终于能够让我暂时看得过去了。

文章末尾添加微信公众号二维码

这个其实并不复杂,简单的使用搜索引擎,找到一篇类似的Hexo文章末尾添加版权或自定义文本 。事实上,原理都是类似的,我们如果可以在文章末尾添加「版权信息」,自然也能够在文章的末尾添加一个图片。

原文中给出了三种方法,我选择了其中第二种方法,并对其加以修改,下面来说说具体操作:

在你的主题文件夹中找到nav.ejs
nav.ejs相关代码改为:

<div class="article-end-text-wrap">
  <div class="article-end-text">
<p>个人微信公众号</p>
![](http://upload-images.jianshu.io/upload_images/48180-779bafec6c2eadb0.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)  //“”里面的是我的二维码图片地址,你可以替换成你自己的。
  </div>
</div>

而article.styl相关代码改为

.article-end-text-wrap
  margin: 5px 0
.article-end-text
  font-family: "微软雅黑"
  font-size: 20px
  line-height: 1.6em
  text-align:center
  padding: 1em 2em
  
  background: color-widget-background
  box-shadow: 1px 2px 3px color-border
  //border: 1px solid color-widget-border
  border-radius: 3px

其实你们应该明白,如果能够添加图片,那公众号二维码,个人微信二维码,支付宝付款,微信付款二维码统统不在话下了。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,379评论 25 709
  • 本篇教程基于NexT主题的博客配置,实现更换主题、评论、打赏等36项功能,接下来根据这些功能进行分点描述,附上个人...
    wangwlj阅读 2,311评论 0 11
  • light-dao是一个轻量级的orm处理框架。它的核心思想是尽可能简单的使用原生sql。它基于spring构建,...
    littlersmall阅读 3,341评论 14 51
  • 夏季翻新新时髦,又到了明星红黑榜的时间,最近大咖们都纷纷出动,为我们带来了很多造型,她们的时髦感究竟如何?是美...
    小海轰虾阅读 260评论 0 0
  • 一年前的我,非常不喜欢“迷茫”这个词,感觉充满了颓废与不安。只是很奇怪,身边经常会有人跟我说:“很迷茫,不知道要怎...
    沈梦之阅读 493评论 0 0