CSDN博客添加自定义栏目

CSDN博客添加自定义栏目

在CSDN中看博客的时候，经常会看到别人的博客定义的一些自定义的栏目，自己尝试了两种，记录如下：

一，添加微信公众号二维码

CSDN中有个“我的相册”功能，比较隐蔽，在“个人主页”—“我的关系，鼠标放在“我的关系”旁边那个向下的箭头，就会出现我的相册，然后点进去。点进去之后就可以上传自己的图片，因为CSDN不允许用户使用站外的图片。

进入“我的相册”之后添加图片如下图所示：

利用这个“我的相册”，我们可以在博客栏目里面添加一些图片，比如说二维码，这个可以打赏你，也可以扫码关注你的公众号等。

添加步骤

1.添加博客栏目

2.添加栏目

标题自己命名（取自己喜欢的，最好明确自己这个栏目是干嘛的！）
内容按Html格式写，这样可以点击超链接。下面的代码自己可以拿去更改，把里面的标题和链接改成自己的就好了！

其中的内容是如下：

<ul class="panel_body">
<font face="Helvetica" size="2" color="#FF3030">欢迎关注我的公众号，不仅为你推荐最新的博文，还有更多惊喜和资源在等着你!一起学习共同进步！</font>
<img src="https://img-my.csdn.net/uploads/201706/09/1497020017_9693.jpg" style="width:100%">
</ul>

这个代码是我博客栏目自己的一个代码，大家可以自己拿去修改一下。至于图片链接，大家进入到 我的相册里面，右键点击你要用的图片，在新标签页中打开，然后复制地址栏链接即可。
完成之后效果如下图所示：

二，添加邮箱

我们可以在博客栏添加 “联系我” 这个栏目，这样方便其他人能够及时联系到你，效果如下图所示：

添加步骤

1，登录QQ邮箱开放平台，获取图片和代码

登录QQ邮箱，在下面找到开放平台，点击进入：

点击“获取邮我按钮”：

选中你要保存的图片尺寸，鼠标右键图片另存为：

获取到想要的图片文件之后，上传到CSDN的“我的相册”里面，同上面的操作。

点击获取代码：

注意这个获取到的HTML代码中图片的地址你需要更加你上一步上传的之后获取的图片链接进行修改。

本来还想通过js添加一些比较好玩的动态效果的，如下面这个人体时间动画：

但是不行，不知道是不是因为我还不是博客专家的原因，所以暂时先写到这里，后续会持续更新。

参考： http://blog.csdn.net/wzgl__wh/article/details/53866478