csdn自定义栏目

效果展示

实现代码

  <div align="center"> 
   <p align="center"><b><font size="3" color="orange">点击小企鹅有惊喜</font></b></p> 
   <a target="_blank" href=""><img border="0" src="https://img-blog.csdn.net/20141222103417731?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdGlhbnpoaWhlbl93cQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="和博主进行临时QQ对话" title="和博主进行临时QQ对话"></a> 
   <a target="_blank" href=""><img border="0" src="https://img-blog.csdn.net/20141222103832152?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdGlhbnpoaWhlbl93cQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="和博主进行临时QQ对话" title="和博主进行临时QQ对话"></a> 
  </div> 
  <div> 
   <table align="center" height="70"> 
    <tbody> 
     <tr> 
      <td><b><font size="2" color="LimeGreen">GitHub:</font></b></td> 
      <td><a href="https://github.com/ysyluminous"> <font size="1">https://github.com/ysyluminous</font></a></td> 
     </tr> 
     <tr> 
      <td><b><font size="2" color="LimeGreen">Telegram:</font></b></td> 
      <td><a href="https://t.me/"> <font size="1">https://t.me/</font></a></td> 
     </tr> 
     <tr> 
      <td><b><font size="2" color="LimeGreen">QQGmail：</font></b></td> 
      <td><font size="1">914925166@qq.com</font></td> 
     </tr> 
     <tr> 
      <td><b><font size="1" color="LimeGreen">GoogleGmail:</font></b></td> 
      <td><font size="1">914925166aq@gmail.com</font> </td>
     </tr> 
    </tbody> 
   </table> 
  </div> 
  <div> 
   <p align="right"><b><font color="LimeGreen">- You are not alone.</font></b></p> 
   <font color="LimeGreen">
    <marquee>
     <img src="http://forum.csdn.net/PointForum/ui/scripts/csdn/Plugin/003/monkey/5.gif" width="40px"> 进步始于交流，
     <img src="http://forum.csdn.net/PointForum/ui/scripts/csdn/Plugin/003/monkey/3.gif" width="35px"> 收获源于分享。
     <img src="http://forum.csdn.net/PointForum/ui/scripts/csdn/Plugin/003/monkey/1.gif" width="30px"> 
    </marquee></font> 
  </div> 
  <hr size="1" color="lightgray"> 
  <div> 
   <p align="center"><b><font size="3" color="orange">打赏博主</font></b></p>     
   <img src="https://img-blog.csdnimg.cn/20190426231455849.png?" width="308" height="408">      
  
   <p><b> </b></p> 
  </div>

示例1.

https://blog.csdn.net/qq_38712932/article/details/85268915

示例2
https://blog.csdn.net/u011781521/article/details/79052725

添加步骤

这里写图片描述
标题自己命名（取自己喜欢的，最好明确自己这个栏目是干嘛的！）

内容按Html格式写，这样可以点击超链接。下面的代码自己可以拿去更改，把里面的标题和链接改成自己的就好了！

<div align="center">
<p align="center"><b><font size="3" color="orange">点击小企鹅有惊喜</font></b></p>
<a target="_blank" href="http://sighttp.qq.com/authd?IDKEY=c1366ff8b4069a497647b84ee4d3bb8e4c8fb9e4fa8a1945"><img border="0" src="https://img-blog.csdn.net/20141222103417731?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdGlhbnpoaWhlbl93cQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="和博主进行临时QQ对话" title="和博主进行临时QQ对话"></a>
<a target="_blank" href="http://sighttp.qq.com/authd?IDKEY=c1366ff8b4069a497647b84ee4d3bb8e4c8fb9e4fa8a1945"><img border="0" src="https://img-blog.csdn.net/20141222103832152?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdGlhbnpoaWhlbl93cQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="和博主进行临时QQ对话" title="和博主进行临时QQ对话"></a>
</div>
<div>
<table align="center" height="70">
<tbody>
<tr>
<td><b><font size="2" color="LimeGreen">GitHub:</font></b></td>
<td><a href="https://github.com/touwoyimuli">
<font size="1">https://github.com/touwoyimuli</font></a></td>
</tr>
<tr>
<td><b><font size="2" color="LimeGreen">Telegram:</font></b></td>
<td><a href="https://t.me/touwoyimuli">
<font size="1">https://t.me/touwoyimuli</font></a></td>
</tr>
<tr>
<td><b><font size="2" color="LimeGreen">QQGmail：</font></b></td>
<td><font size="1">252311126@qq.com</font></td>
</tr>
<tr>
<td><b><font size="1" color="LimeGreen">GoogleGmail:</font></b></td>
<td><font size="1">252311126aq@gmail.com</font></a>
</tr>
</tbody>
</table>
</div>
<div>
<p align="right"><b><font color="LimeGreen">- You are not alone.</font></b></p>
<font color="LimeGreen"><marquee><img src="http://forum.csdn.net/PointForum/ui/scripts/csdn/Plugin/003/monkey/5.gif" width="40px"> 进步始于交流，<img src="http://forum.csdn.net/PointForum/ui/scripts/csdn/Plugin/003/monkey/3.gif" width="35px"> 收获源于分享。<img src="http://forum.csdn.net/PointForum/ui/scripts/csdn/Plugin/003/monkey/1.gif" width="30px">
</marquee></font>
</div>
<hr size="1" color="lightgray">
<div>
<p align="center"><b><font size="3" color="orange">打赏博主</font></b></p>
    <img src="https://img-blog.csdnimg.cn/20190215154628504.jpg?" width="108" height="108">
    
<img src="https://img-blog.csdnimg.cn/20190215154848732.jpg?" width="108" height="108">
<p><b><font size="3" color="orange">
          支付宝                  
微信</font></b></p>
</div>

出处：https://blog.csdn.net/qq_33154343/article/details/87371010