CSDN博客自定义

CSDN博客自定义

  CSDN博客支持自定义的模块很少，本节内容主要讲解CSDN博客的域名自定义和模块自定义 。

自定义域名

CSDN博客默认的域名地址

  CSDN博客的默认地址为【https://blog.csdn.net/用户ID】 ，比如说我的CSDN博客默认域名为：@小小赵【https://blog.csdn.net/power_code】，此地址是我们注册CSDN用户时自动给我们提供的。

CSDN提供的三级域名自定义服务

  CSDN提供给用户的博客地址只是在https://blog.csdn.net的一块空间，并不是一个域名，好在CSDN也提供了自定义三级域名【(自己命名).blog.csdn.net】给用户使用，比如说我的三级域名为：powcodes.blog.csdn.net。

如何申请申请CSDN提供的三级域名呢？

  在创作中心页面的创作权益下，找到自定义域名模块，按规则填写后等待审核即可，审核成功后即可使用。

三级域名自定义效果图

域名命名注意事项

1. ⚠️自定义域名审核通过后，无法再次更改，须谨慎操作
2. 域名支持【小写字母 | 数字 | 中横线"-“】的组合，其中中横线”-"不能连续出现
3. 必须以字母开头
4. 域名不可包含敏感字符 、空格和特殊字符

🙄其实这儿并不是太重要，因为你只要你填写的域名不符合规则，是不会允许你注册成功的。

扩展知识—第三方域名使用

  如果你觉得以上域名都不能满足你躁乱的个性化强迫症，那么你可以自己去第三方域名服务商申请属于自己的域名，然后添加相应的解析记录即可，具体怎么做呢？自己去折腾咯！
🙃现在只有域名和域名解析服务是不行的，好像还需要备案，我自己测试了以下，提示我域名未备案。

自定义第三方域名失败

自定义模块制作——增加自己的一栏内容

  CSDN博客还允许自定义一栏自己的内容，显示在博客的主页面固定位置上，用来显示自己想要展示信息。

在哪儿添加自定义模块呢？

  跳转到创作中心页面，找到创作权益菜单项目下的自定义模块，填写自己想要展示的内容即可。

自定义模块功能位置

自定义模块可以添加那些内容？

1. 自定义模块中元素支持所有HTML元素，仅支持内联式css样式，不支持JavaScript脚本【为了预防XSS攻击】
2. 可以定义元素的position为absolute或fixed，让内容跳出本栏，如：
3. 使用ifame标签来引入第三方页面
4. 此模块好像不能添加动画，因为不能引入js，不能使用外部css，就不能定义@Keyframe动画帧。
5. 可在自定义模块中引入打赏图片、个人详细介绍、邮箱地址、图片等内容

自定义模块功能的一些效果

扩展知识——编写油猴脚本自定义CSDN博客页面组件和样式

  此自定义仅仅只能在自己的浏览器看到效果，并不适用，仅增加自己的阅读体验。

了解油猴浏览器插件

  油猴插件Tampermonkey，一个脚本管理器【安装、管理脚本】，可以实现以下功能：

1. 视频、音频、图片、文档下载
2. 去除广告、去除网页限制；
3. 翻译、优化上网功能
4. 可按网址匹配自定义页面组件和样式

编写油猴脚本需要什么知识？

1. 最基础的知识：HTML、CSS、JavaScript
2. 扩展知识【加速开发】：学会使用jQuery、BootStrap、LayUi、Vue等框架可加速开发。

✋实际上学会HTML，CSS，JavaScript知识即可编写自己的油猴脚本了

油猴插件更改页面组件和样式

  这里我们可以使用油猴插件，编写相应的脚本来自定义CSDN博客页面内容组件和样式的显示，以便增加阅读体验。具体怎么实现，舞台交给你们。

助力小赵

  制作不易、欢迎转发、卑微求赞