71 lines
2.7 KiB
Markdown
71 lines
2.7 KiB
Markdown
|
# 原创
|
|||
|
|
： 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"/>
|
|||
|
|
|
|||
|
|
**我的侧边栏样式源码：**
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
<div align="center">
|
|||
|
|
<a href= "https://t.me/baba2333">
|
|||
|
|
<font color="blue">Telegram</font>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
<div align="center">
|
|||
|
|
<a href="https://t.me/baba2333">
|
|||
|
|
<img src="https://raw.githubusercontent.com/ds19991999/githubimg/master/picgo/telegrame.png" width="70px" height="70px"></a>
|
|||
|
|
</div>
|
|||
|
|
<hr>
|
|||
|
|
|
|||
|
|
<div align="center">
|
|||
|
|
<a href= "https://telegra.ph/HomePage-01-03">
|
|||
|
|
<font color="black">Telegraph</font>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
<div align="center">
|
|||
|
|
<a href="https://telegra.ph/HomePage-01-03">
|
|||
|
|
<img src="https://image.creat.kim/image/20190116/SXmfqhtPffMe.png?imageslim" width="70px" height="70px"></a>
|
|||
|
|
</div>
|
|||
|
|
<hr>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div align="center">
|
|||
|
|
<a href= "https://github.com/ds19991999">
|
|||
|
|
<font color="red">GitHub</font>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
<div align="center">
|
|||
|
|
<a href="https://github.com/ds19991999">
|
|||
|
|
<img src="https://raw.githubusercontent.com/ds19991999/githubimg/master/picgo/20180729230446.jpg" width="160px" height="80px"></a>
|
|||
|
|
</div>
|
|||
|
|
<hr>
|
|||
|
|
|
|||
|
|
<div align="center">
|
|||
|
|
<a href= "https://www.ds-vip.top">
|
|||
|
|
<font color="yellow">Blog</font>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
<div align="center">
|
|||
|
|
<a href="https://www.ds-vip.top">
|
|||
|
|
<img src="https://raw.githubusercontent.com/ds19991999/ds19991999.github.io/master/assets/avatar.png" width="80px" height="80px"></a>
|
|||
|
|
</div>
|
|||
|
|
<hr>
|
|||
|
|
|
|||
|
|
<div align="center">
|
|||
|
|
<a href= "https://promotion.aliyun.com/ntms/yunparter/invite.html?userCode=vya2etaw">
|
|||
|
|
<font color="green">阿里云福利</font>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
<div align="center">
|
|||
|
|
<a href="https://promotion.aliyun.com/ntms/yunparter/invite.html?userCode=vya2etaw">
|
|||
|
|
<img src="https://raw.githubusercontent.com/ds19991999/githubimg/master/picgo/download.jpeg" width="180px" height="80px"></a>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
```
|