csdn博客左侧栏定制化 (适配最新版csdn主题)

Posted 2022-05-10 gamedev˚

CSDN博客菜单栏自定义，下面是我的自定义代码，可以在这段代码上进行二次修改，另外可以将你的自定义的菜单栏样式在评论中给出，我会挑选有创意的放在这篇博客中，并配有你的博客地址，让更多的人看到。

对这个html代码做简单说明，要点在于代码的前三行的div标签上，隔离原本的css样式。其他自定义代码可以参考对应模块进行修改。

</div>
<div>
<div>
<!-- 栏目一 -->
<div id="asideCustom52280648" class="aside-box custom-box">
	<div align="center">
		<u><a href="https://longshilin.com" target="_blank" align="center">我的个人网站（https://longshilin.com）</a></u>
	</div>
	<br>
	<div align="center">
		<a href="https://weibo.com/longsl123" target="_blank" align="center"><img src="https://i.imgur.com/i2zdHzG.png" width="50px" height="50px"></a>
		<a href="https://twitter.com/yilong0722" target="_blank" align="center"><img src="https://i.imgur.com/AhFHxG6.png" width="50px" height="50px"></a>
		<a href="https://plus.google.com/u/0/106698639613319707124" target="_blank" align="center"><img src="https://i.imgur.com/QW4nDBE.png" width="50px" height="50px"></a>
		<a href="https://github.com/longshilin" target="_blank" align="center"><img src="https://i.imgur.com/Uzb3vvG.png" width="50px" height="50px"></a>
	</div>
	<br>
</div>

<!-- 栏目二 -->
<div id="asideCustom52280648" class="aside-box custom-box">
	<h3 color="red" class="aside-title">Github开源项目 | 欢迎Star/Fork</h3>
	<br>
	<ul>
		<li><a href="https://github.com/longshilin/Hadoop-MapReduce#top" target="_blank"><img src="https://i.imgur.com/zn7k6gk.png" width="15px" height="15px"> 基于MapReduce的应用案例</a></li>
		<li><a href="https://github.com/longshilin/HDFS-Netdisc#top" target="_blank"><img src="https://i.imgur.com/zn7k6gk.png" width="15px" height="15px"> 基于Hadoop的分布式云存储系统</a></li>
		<li><a href="https://github.com/longshilin/wgs" target="_blank"><img src="https://i.imgur.com/zn7k6gk.png" width="15px" height="15px"> 基于Hadoop基因组测序大数据分析平台研究</a></li>
		<li><a href="https://github.com/longshilin/Hadoop-LogAnalysis#top" target="_blank"><img src="https://i.imgur.com/zn7k6gk.png" width="15px" height="15px"> 基于Hadoop的Tomcat论坛日志清洗</a></li>
		<li><a href="https://github.com/longshilin/Data-structure-and-algorithm-Java#top" target="_blank"><img src="https://i.imgur.com/zn7k6gk.png" width="15px" height="15px"> 数据结构与算法 (Java版) | 总结与整理</a></li>
	</ul>
	<br>
</div>

<!-- 栏目三 -->
<div id="asideCustom52280648" class="aside-box custom-box">
	<h3 color="red" class="aside-title">最近一个月博客访问记录</h3>
	<br>
	<div align="center">
		<a href="https://clustrmaps.com/site/1acab" title=""><img src="//www.clustrmaps.com/map_v2.png?d=wFYcKG1s5SaDcLU8qU__PhR0CVDOzeRg84CabWiDn6g&cl=ffffff" width="268.2px" height="178.8px"></a>
	</div>
	<br>
</div>

 菜单栏样式演示：