csdn_spider/blog/ds19991999/原创-- CSDN自定义友链侧边栏.md

# 原创
：  CSDN自定义友链侧边栏

# CSDN自定义友链侧边栏

> 
附源码


<img alt="mark" src="https://image.creat.kim/image/20190116/q2nSO36UOiwA.png?imageslim"/><br/> 相信不少人还不知道`CSDN`这个功能，`CSDN`允许博主自定义一个侧边栏的栏目，可以使用`html`语言进行美化，不支持嵌入`js`。<br/> 具体在右上角的下拉菜单中，点击`管理博客`，进入个人后台管理界面。<br/> <img alt="mark" src="https://image.creat.kim/image/20190116/rjKDBA32RSqd.png?imageslim"/><br/> 之后就可以自定义侧边栏了。<br/> <img alt="mark" src="http://image.creat.kim/image/20190116/yUwdTx8N1vxM.png?imageslim"/>

**我的侧边栏样式源码：**

```
&lt;div align="center"&gt;
&lt;a href= "https://t.me/baba2333"&gt;
&lt;font color="blue"&gt;Telegram&lt;/font&gt;
&lt;/a&gt;
&lt;/div&gt;
&lt;div align="center"&gt;
    &lt;a href="https://t.me/baba2333"&gt; 
    &lt;img src="https://raw.githubusercontent.com/ds19991999/githubimg/master/picgo/telegrame.png" width="70px" height="70px"&gt;&lt;/a&gt; 
&lt;/div&gt;
&lt;hr&gt;

&lt;div align="center"&gt;
&lt;a href= "https://telegra.ph/HomePage-01-03"&gt;
&lt;font color="black"&gt;Telegraph&lt;/font&gt;
&lt;/a&gt;
&lt;/div&gt;
&lt;div align="center"&gt;
    &lt;a href="https://telegra.ph/HomePage-01-03"&gt; 
    &lt;img src="https://image.creat.kim/image/20190116/SXmfqhtPffMe.png?imageslim" width="70px" height="70px"&gt;&lt;/a&gt; 
&lt;/div&gt;
&lt;hr&gt;


&lt;div align="center"&gt;
&lt;a href= "https://github.com/ds19991999"&gt;
&lt;font color="red"&gt;GitHub&lt;/font&gt;
&lt;/a&gt;
&lt;/div&gt;
&lt;div align="center"&gt;
    &lt;a href="https://github.com/ds19991999"&gt; 
    &lt;img src="https://raw.githubusercontent.com/ds19991999/githubimg/master/picgo/20180729230446.jpg" width="160px" height="80px"&gt;&lt;/a&gt; 
&lt;/div&gt;
&lt;hr&gt;

&lt;div align="center"&gt;
&lt;a href= "https://www.ds-vip.top"&gt;
&lt;font color="yellow"&gt;Blog&lt;/font&gt;
&lt;/a&gt;
&lt;/div&gt;
&lt;div align="center"&gt;
    &lt;a href="https://www.ds-vip.top"&gt; 
    &lt;img src="https://raw.githubusercontent.com/ds19991999/ds19991999.github.io/master/assets/avatar.png" width="80px" height="80px"&gt;&lt;/a&gt; 
&lt;/div&gt;
&lt;hr&gt;

&lt;div align="center"&gt;
&lt;a href= "https://promotion.aliyun.com/ntms/yunparter/invite.html?userCode=vya2etaw"&gt;
&lt;font color="green"&gt;阿里云福利&lt;/font&gt;
&lt;/a&gt;
&lt;/div&gt;
&lt;div align="center"&gt;
    &lt;a href="https://promotion.aliyun.com/ntms/yunparter/invite.html?userCode=vya2etaw"&gt; 
    &lt;img src="https://raw.githubusercontent.com/ds19991999/githubimg/master/picgo/download.jpeg" width="180px" height="80px"&gt;&lt;/a&gt; 
&lt;/div&gt;

```