CSDN博客自定义

发布于:2022-10-27 ⋅ 阅读:(514) ⋅ 点赞:(0)

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提供的三级域名呢?

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

自定义CSDN博客三级域名图

三级域名自定义效果图

域名命名注意事项

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

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

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

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

自定义CSDN博客三级域名图

自定义第三方域名失败

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

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

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

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

自定义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博客页面内容组件和样式的显示,以便增加阅读体验。具体怎么实现,舞台交给你们。

助力小赵

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

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

本文含有隐藏内容,请 开通VIP 后查看