csdn自定义栏目

Love The Way You Lie 2022-02-15 00:49 205阅读 0赞

## 效果展示 ##

![在这里插入图片描述][20190426232648425.png]

## 实现代码 ##

<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][https_blog.csdn.net_qq_38712932_article_details_85268915]

![在这里插入图片描述][20190423154538213.png]  
示例2  
[https://blog.csdn.net/u011781521/article/details/79052725][https_blog.csdn.net_u011781521_article_details_79052725]  
![在这里插入图片描述][20190423154642977.png]

## 添加步骤 ##

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

内容按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][https_blog.csdn.net_qq_33154343_article_details_87371010]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzODQwMjUx_size_16_color_FFFFFF_t_70]

[20190426232648425.png]: /images/20220215/c5ea4abb10bb429baf584c6d05715a61.png
[https_blog.csdn.net_qq_38712932_article_details_85268915]: https://blog.csdn.net/qq_38712932/article/details/85268915
[20190423154538213.png]: /images/20220215/c7f990430cba4d57b754525b09ea0b73.png
[https_blog.csdn.net_u011781521_article_details_79052725]: https://blog.csdn.net/u011781521/article/details/79052725
[20190423154642977.png]: /images/20220215/03531e24e7114871b563ad41dc3cc5fc.png
[https_blog.csdn.net_qq_33154343_article_details_87371010]: https://blog.csdn.net/qq_33154343/article/details/87371010
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzODQwMjUx_size_16_color_FFFFFF_t_70]: /images/20220215/e590dd55ed8a47b5bba58e0fd2a196a8.png