如何在CSDN上加入一个自定义栏目---编写HTML代码来做宣传栏

csdn的博客是可以在左侧添加一个自定义栏目的，就比如我下面这种效果，可以添加html代码来宣传自己，这个效果是如何实现的呢？我们一起来学习。

一、先上传需要展示的图片

我们可以在博客自定义栏目里面添加一些图片，比如说二维码，这个可以打赏你，也可以扫码关注你的公众号等。但是因为csdn不支持外部的图片链接，所以我们最好是把图片上传到csdn的服务器上面，方法很简单，我们只要打开写博客，然后把图片拷贝进来即可。

想要获取图片的地址，直接双击这个图片就好。

拷贝这个url地址即可：https://img-blog.csdnimg.cn/20190926220500224.png

二、自定义栏目设置

1.点击博客设置中的博客模块管理，添加自定义模块。

2.点击自定义，添加html代码

代码中可以添加你上面上传的图片，我顺便还添加了我的github地址。

3.然后点击编辑栏目退出，再回到博客主页面即可看到效果：

三、html代码示例

给大家提供html代码，自己略作修改即可使用。

<p>
    <b>
        <div class="p-name">关注公众号：架构真经</div>
    </b>
<div class="p-img fl">
    <img src="https://img-blog.csdnimg.cn/20190926213306816.png" data-img="1" width="100%">
</div>
<b>推荐:</b>
<br>
   <u><b><a href="https://github.com/gentoo111">Github</a></b></u>
<br>
   微信：<strong>gentoo666</strong>
    <p>（加我进纯技术交流群）</p>
</p>

---

我的微信公众号：架构真经（id：gentoo666），分享Java干货，高并发编程，热门技术教程，微服务及分布式技术，架构设计，区块链技术，人工智能，大数据，Java面试题，以及前沿热门资讯等。每日更新哦！