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

71 lines
2.7 KiB
Markdown
Raw Normal View History

2021-02-27 15:01:45 +00:00
# 原创
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;
```