详解CSDN如何设置自定义模块管理

Posted 2021-08-02 尔嵘

前言：

如何像上图中自定义自己喜欢的风格模式呢，前提具备一定的html+css的能力就可以，实在不行你去F12粘贴模块代码，改成自己的。其实没你想象的那么复杂，静下心来好好看完你也会设置，我做的其实很丑，不是好看的那种，这个就和个人审美观有关了。

正文：

1.哪些账号可以设置自定义模块管理呢？

     栏目内容支持HTML格式，不支持JS，

     最多添加1个自定义栏目，VIP、博客专家、企业博客才可在个人详情页显示

2.如何使用外链URL图片

如果你有自己的微信公众号订阅号，那你进入微信公众平台，找到公众号设置，然后点击二维码下载你需要的风格和尺寸，如下图，欢迎扫码关注啊：

这里给大家推荐一个常用生成二维码工具：草料二维码（可支持多种形式生成二维码）

当然你要是不想就下载公众号的一个朴素二维码就行了，目前你的二维码还只是本地的，如何把你的二维码（png）弄成外链，就是外网可以访问的呢？

这里其实非常多的方法，七牛云（对象存储)、阿里云啊、腾讯云、华为云...这些我都不推荐，这些占用云端存储空间都是收费的，我建议你找个博客平台把你刚刚的二维码图片放到任意一个大点的平台的一篇不太重要的博文里面，这时候你的二维码就自然而然随着博文一起进到了这些平台的服务器，图片地址自然是可以外网访问的，我当然选择CSDN。然后图片右键，复制图片地址（一般自动是https的url）。类似下面我的图片一样：

https://img-blog.csdnimg.cn/20210528135027719.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1hVNDQxNTIw,size_16,color_FFFFFF,t_70

3.如何在自定义模块中加入二维码
把上面的地址放到img标签的src属性里，会点html的就知道，注意控制图片的大小，图片本身就有width和height属性，直接标签内设置就行。

<img style="background-color:hsl(0,0%,90%);margin-left:14%;" src="https://img-blog.csdnimg.cn/20210528135027719.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1hVNDQxNTIw,size_16,color_FFFFFF,t_70" width="200" height="200" alt="20210527113826740.png" />

4.如何排版

这里你需要知道你要做成啥效果，你得稍微会点html布局和样式，知道什么是行元素，块元素，咋样换行就行：下面是

 （1）尔嵘

（2）csdn 1_bit的

（3）艺博东

（4）扬帆向海

总之大家的风格都是自己设置的，css会点就好看，这里的奇淫技巧看自己了

5.如何给样式风格

这里因为是内嵌html的代码，直接粘贴的都是标签，目前不支持js,样式都是在标签内写入。

这里在推进一个工具地址，css颜色大全（自己看中哪个颜色选哪个）

6.贴上我的代码吧（仅做参考）：

<div style="text-align:center;"><span>合作&amp;咨询QQ：2967299233</span></div>
<p>淘宝店铺(百货)</p><p>
<img style="background-color:hsl(0,0%,90%);margin-left:14%;" src="https://img-blog.csdnimg.cn/20210528135027719.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1hVNDQxNTIw,size_16,color_FFFFFF,t_70" width="200" height="200" alt="20210527113826740.png" /><br /><br /></p><p>微信公众号</p><p>
<img style="background-color:hsl(0,0%,90%);margin-left:20%;" src="https://img-blog.csdnimg.cn/20210527114659108.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1hVNDQxNTIw,size_16,color_FFFFFF,t_70" width="152" height="150" alt="20210527113826740.png" /><br /><marquee direction="left" bgcolor="#F4A460" scrollamount="30" scrolldelay="400" width="99%" height="30" style="line-height:30px;color:#fff;">      
汪国真 《热爱生命》，
我不去想是否能够成功，
既然选择了远方，
便只顾风雨兼程，
我不去想是否赢得爱情，
既然钟情于玫瑰，
就勇敢吐露真诚，
我不去想身后会不会袭来寒风冷雨，
既然目标是地平线，
留给世界的只能是背影，
我不去想未来是平坦还是泥泞，
只要热爱生命，
一切，都在意料之中，
</marquee></p><div style="text-align:center;font-size:16px;color:#E9967A;">
	<span style="font-weight:bold;color:#33CC33;"> 《热爱生命》汪国真</span><br /><span>我不去想是否能够成功</span><br /><span>既然选择了远方</span><br /><span>便只顾风雨兼程</span><br /><span>我不去想是否赢得爱情</span><br /><span>既然钟情于玫瑰</span><br /><span>就勇敢吐露真诚</span><br /><span>我不去想身后会不会袭来寒风冷雨</span><br /><span>既然目标是地平线</span><br /><span>留给世界的只能是背影</span><br /><span>我不去想未来是平坦还是泥泞</span><br /><span>只要热爱生命</span><br /><span>一切，都在意料之中</span>
</div>

marquee标签是一个横向滚动的标签，也是可以自定义样式的。

觉得对你有帮助的麻烦点赞+评论+收藏，您的支持就是最大的动力！