CSDN自定义模块简单设置之——添加图片、文字、链接等

系列文章目录

提示：如果你有幸看到这篇文章，那么恭喜你，你可以学会怎么设置CSDN自定义模块了。

简单设置模式：
《CSDN自定义模块简单设置之——添加模块并填入图片、文字、链接等内容》

高级设置模板：
《CSDN自定义模块高级设置之（1）——向模块中添加动态图、网页、3D效果、游戏等互动元素功能》
《CSDN自定义模块高级设置之（2）——设置主页左则及详情页背景（打造节日气氛）》

---

提示：需要设置的朋友们请先收藏本文章，方便日后查看

---

前言

今天来教大家怎么设置CSDN自定义模块：
在讲之前先给大家看下效果。
博客主页效果：

博客内容详情页效果：

---

提示：图片换成自己的，那不是重点，有兴趣一起交流的朋友请帮忙来个一键三连+评论

一、CSDN自定义模块是什么？

CSDN官方为了给博主设置自己想要显示的内容而开设置的一个功能，添加自定义模块后，你的博客将多出一个功能块，而且每个人只能设置一个这样子的自定义模块。

二、简单模式设置步骤

1.设置入口

想要设置自定义模块，你需要先找到设置入口，下面是入口进入方式：

2.代码编写

我们栏目设置一个标题，栏目内容可以放以下代码：

<div> 
	<img src="这里请放你自己的图片地址url" alt=""/>
	<p></p>
	<p> </p>
	<a href="https://www.baidu.com/s?wd=【这里请放你的博客名称】" style="color:#FF0000;" target="view_window">终有一天你也会成为一名技术大佬！</a> 
	<p> </p>
	<span style="color:#A67D3D;">CSDN博客：</span> 
	<a href="【请填写自己的博客平台1地址】" target="view_window">点击进入</a> 
	<p> </p>
	<span style="color:#A67D3D;">博客园博客：</span> 
	<a href="【请填写自己的博客平台2地址】" target="view_window">点击进入</a> 
	<p> </p>
	<span style="color:#A67D3D;">个人GitHub：</span> 
	<a href="【请填写自己的GitHub地址】" target="view_window">点击进入</a> 
	<p> </p>
	<span style="color:#A67D3D;">个人Gitee：</span> 
	<a href="【请填写自己的Gitee地址】" target="view_window">点击进入</a> 
	<p> </p>
	<span style="color:#A67D3D;">个人邮箱：</span> 
	【请填写你的个人邮箱】
	<p> </p>
	<span style="color:#A67D3D;">个人微信：</span> 
	【请填写你的微信昵称】
</div>

请将上面代码中“【中文】”的内容换成自己的，然后复制粘贴到栏目内容里保存。

---

总结

提示：这里讲的是简单设置模式，高级设置模式比这要复制，效果也更好，下次再给大家讲如何高级设置，效果可以到我博客去看：

以上就是今天要讲的内容，本文仅仅简单介绍了CSDN自定义模块的使用。