Hexo添加Follow me on CSDN效果

简介:

  效果图如下(右上角):
Hexo添加Follow me on CSDN效果

  网络上比较多的是Fork me on Github效果,其实要实现Follow me on CSDN原理是一样的。

  只需要将想要的效果图片下载下来ps一下,然后再上传到某个图床(或者说上传到CSDN),就可以得到此图片的url,替换到代码中即可。如下是我制作的一张图片,需要的小伙伴直接拿。(源代码见文末)

Hexo添加Follow me on CSDN效果
  更多的效果图片可以在项目地址下载,想要其他效果的自己p一下就可以了。

实现方法:

粘贴复制如下的代码到themes\hexo-theme-next\layout\_layout.njk文件中(放在<div class="headband"></div>的下面 如图),并把href改为你的csdn主页

  <!--Follow me on CSDN-->
  <a href="https://blog.csdn.net/weixin_44543463"><img loading="lazy" width="149" height="149" style="position: absolute; top: 0; right: 0; border: 0;" src="https://www.icode9.com/i/ll/?i=abe3797b7d77419b81ecc02dd1bf8c34.png" class="attachment-full size-full" alt="Fork me on GitHub" data-recalc-dims="1"></a>

Hexo添加Follow me on CSDN效果

上一篇:git提交代码时提示Please tell me who you are


下一篇:项目实战-点餐小程序-20 我的