海阔天空的云

我们在自己的世界里独自狂欢

0%

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

写在前面

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


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

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

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

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

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

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

<div class="article-end-text-wrap">
  <div class="article-end-text">
<p>个人微信公众号</p>
<img src="http://7ktu2f.com1.z0.glb.clouddn.com/wechatopen.jpg">  //“”里面的是我的二维码图片地址,你可以替换成你自己的。
  </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
  

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