1000字范文 > [Blog] CSDN站点VIP/博客专家功能设置 - 自定义模块/推广

[Blog] CSDN站点VIP/博客专家功能设置 - 自定义模块/推广

时间：2024-05-29 21:07:49

简介

CSDN官方在开通VIP功能或者博客专家时候,可以使用自定义模块进行外链推广自己的作品,

入口是CSDN右上角的博客模块 --> 创作权益 --> 自定义模块, 下面就来记录一下怎么设置吧！

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

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

方法 / 步骤

推广链接

入口是博客模块–> CSDN右上角的 -->创作中心–> 工具 --> 推广管理

❗ 目前这个推广管理需要审核,没有自定义模块嵌入推广自由度大

自定义模块

直接放图片

// 栏目内容示例：图片<img src="自己需要放的图片链接" width="100%">

模块样式一:

<div> <img src="https://img-/7ee85e964df2415392ade3212deb3b34.png" alt="https://img-/7ee85e964df2415392ade3212deb3b34.png"/> <a href="/s?wd=【这里请放你的博客名称】" style="color:#FF0000;" target="view_window">欢迎进入技术充电站, 点击进入领取大礼包!! </a> CSDN博客： <a href="https://yanggc./" target="view_window">点击进入</a> 博客园博客： <a href="【请填写自己的博客平台2地址】" target="view_window">点击进入</a> 个人GitHub： <a href="/OxYGC" target="view_window">点击进入</a> 个人Gitee： <a href="【请填写自己的Gitee地址】" target="view_window">点击进入</a> 个人邮箱： 【请填写你的个人邮箱】 个人微信： 【请填写你的微信昵称】</div>

效果图

模块样式二:

本模板参考： csdn里的自定义模块

<div style="width: 100%;background-image: linear-gradient(#fcf9f3, #fcf9f3); border: 1px dashed #CCCCD8;border-radius: 10px" ><div style=" width:250px;display: flex;justify-content: space-between; margin:15px auto;"><a href="/" target="_blank" rel="noopener noreferrer"><img width="30" src="/chunbochen/images-bed/raw/master/blog/blog-module/blog.png" title="blog"></a><a href="/chunbochen/images-bed/raw/master/blog/blog-module/weixinmingpian.jpg" target="_blank" rel="noopener noreferrer"><img width="30" src="/chunbochen/images-bed/raw/master/blog/blog-module/weixin.png" title="微信"></a><a href="/chunbochen" target="_blank" rel="noopener noreferrer"><img width="30" src="/chunbochen/images-bed/raw/master/blog/blog-module/gitee.png" title="码云"></a><a href="/user/MS4wLjABAAAAs0SPiiXzhqlcN1KyesfUMzWrZ2t9bTYKxSoMNixh_Ug" target="_blank" rel="noopener noreferrer"><img width="30" src="/chunbochen/images-bed/raw/master/blog/blog-module/douyin.png" title="抖音"></a></div><div><marquee direction="left" bgcolor="#e66465" scrollamount="30" scrolldelay="450" width="100%" height="30" style="line-height: 30px; color: #fff">即使没有万全准备，也要勇敢迈出第一步。无论远方的风雨有多大、路有多难走。木鱼风里雨里陪伴你们,赠人玫瑰，手有余香。在文章图解领域,我会一如既往的坚持下去。©-3-15 水香木鱼, 本模板来源于：<a href="/weixin_48337566" target="_blank" rel="noopener noreferrer">水香木鱼</a>·独家专属</marquee><div style="margin:0 10px 10px 10px;justify-content:space-between;"><div style="display: flex; justify-content: center;align-items: center;border-bottom:1px dashed red;margin-bottom:10px">我的专栏<img style="width: 15px; height: 15px" src="/chunbochen/images-bed/raw/master/blog/blog-module/link.png"/></div><div style="text-align: center;border-radius:10px;background-image: linear-gradient(#e66465, #9198e5);"><a style="color: #ffffff;font-size: 12px;text-decoration: none;" href="https://v3./" target="_blank" >vue.js官网</a> <a style="color: #ffffff;font-size: 12px;text-decoration: none;" href="/weixin_48337566/category_11652483.html" target="_blank" >工欲善其事ゆ必先利其器</a> <a style="color: #ffffff;font-size: 12px;text-decoration: none;" href="/weixin_48337566/category_10952555.html" target="_blank" >面试宝典</a> <a style="color: #ffffff;font-size: 12px;text-decoration: none;" href="/" target="_blank" >菜鸟教程</a> <a style="color: #ffffff;font-size: 12px;text-decoration: none;" href="/weixin_48337566/category_11652337.html" target="_blank" >初级前端</a> <a style="color: #ffffff;font-size: 12px;text-decoration: none;" href="/weixin_48337566/category_11656302.html" target="_blank" >中级前端</a> <a style="color: #ffffff;font-size: 12px;text-decoration: none;" href="/weixin_48337566/category_10577635.html" target="_blank" >高级前端</a> <a style="color: #ffffff;font-size: 12px;text-decoration: none;" href="/weixin_48337566/category_11652810.html" target="_blank" >项目优化</a> <a style="color: #ffffff;font-size: 12px;text-decoration: none;" href="/weixin_48337566/category_11652932.html" target="_blank" >了解后端</a> <a style="color: #ffffff;font-size: 12px;text-decoration: none;" href="/weixin_48337566/category_11504890.html" target="_blank" >剪辑专栏</a> </div></div></div></div>

效果图

模块样式三:

<marquee> 梦想不熄，奋斗 不 止 </marquee> <center>商务合作</center><center><img src="https://img-/7b86b9e47c8845debca9f94bac71a023.png" alt="7b86b9e47c8845debca9f94bac71a023.png" /></center><center><a href="/kangweijian/article/details/113789617">❤️点击领取粉丝福利</a></center><center>PPT模板 | 简历模板 | 常用软件 |系统镜像 | 书籍 | 学习群 </center><center><a href="">❤️ 点击白嫖60G硬核资料 </a></center> <center><img src="https://img-/74bb2830ff2c445b9bc597cd4e88a93f.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2thbmd3ZWlqaWFu,size_16,color_FFFFFF,t_70" alt="watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2thbmd3ZWlqaWFu,size_16,color_FFFFFF,t_70" /></center><center>加我微信：kangweijian，互相交流，一起学习，有机会也是可以合作的哈~</center> <center><a href="/kangweijian/article/details/118571570">❤️必读文章：我的程序人生——初识代码，从学好C语言开始</a></center> <center><a href="/kangweijian/article/details/113789617">❤️必读文章：即将30岁的总结，放眼未来的未雨绸缪</a></center> <center>祝各位身体健康、万事如意、恭喜发财~</center>

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

<!DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><title>技术充电站</title></head><body><div style="height: 300px; width: 300px;"><marquee> <a href="" target="_blank">PPT模板, 简历模板, 常用软件, 系统镜像, 书籍, 学习群. 点击领取, 粉丝福利, !!! </a> </marquee><img style="max-width: 100%;" src="https://img-/b8149935072041e79da8225a8ba27c4c.png"/></div></body></html>

显示效果

笔者用的是最后一个，大家快乐设计你的主页面吧

参考资料 & 致谢

本内容不代表本网观点和政治立场，如有侵犯你的权益请联系我们处理。

网友评论

网友评论仅供其表达个人看法，并不表明网站立场。