http://huffie.cn/这是我的博客,可以在此查看效果。

简介

  效果图如下(右上角):

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

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



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

实现方法

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

黑色版本:

1
2
<!--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://img-blog.csdnimg.cn/abe3797b7d77419b81ecc02dd1bf8c34.png" class="attachment-full size-full" alt="Fork me on GitHub" data-recalc-dims="1"></a>

白色版本

1
2
<!--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://img-blog.csdnimg.cn/1f8e1ef9be9f4f7db01fe3a2d57829de.png" class="attachment-full size-full" alt="Fork me on GitHub" data-recalc-dims="1"></a>