CSDN自定义模块全攻略，DIY系统原有样式打造专属个性化主页

置顶 已于 2024-11-24 15:14:15 修改
阅读量6.2k 收藏 203
点赞数 299
分类专栏： 前端 文章标签： css html5 前端
于 2024-06-21 03:00:56 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2201_75539691/article/details/139842601
版权

在这里插入图片描述

博客主页： [小ᶻ☡꙳ᵃⁱᵍᶜ꙳]
本文专栏: 前端

文章目录

在这里插入图片描述

💯前言

  • 本文是对2024.6.21发布的csdn自定义模块文章进行优化。

实现效果所需的前端知识
1.CSS选择器
2.CSS定位(绝对定位)
3.CSS三大特性(特殊性)
4.Chrom调试技巧(提高效率)

  • 自定义模块生效前提：必须是VIP、博客专家、企业博客才可在个人详情页显示。
    本文使用的系统皮肤是Age of Ai,如果使用代码块出现效果不一样,有可能是系统皮肤使用不一样导致。
    在这里插入图片描述

💯自定义模块介绍

  • 栏目内容支持HTML格式，不支持JS，最多添加1个自定义栏目，VIP、博客专家、企业博客才可在个人详情页显示。
    在这里插入图片描述

自定义模块入口

  1. 首先从右上角个人头像找到内容管理进入。
    在这里插入图片描述2. 从左侧栏下滑找到自定义模块
    在这里插入图片描述

自定义模块使用前置条件

  • 必须是VIP、博客专家、企业博客才可在个人详情页显示
    在这里插入图片描述

自定义模块使用限制

  • 只能使用基本的HTML格式，包括css样式，不能设置js，此外栏目内容长度也有限制。
    在这里插入图片描述

实现效果原理

  • 首先我们按F12打开调试工具到自定义模块的位置，可以看到自定义模块的内容实际是在一个<div>盒子。我们可以在<div>中放入一些新的HTML标签写我们想要的样式，以及一个<style>标签存放我们所要用到的CSS样式。
    在这里插入图片描述
  • 但是最奇妙的点在于，这个通过自定义模块中插入csdn主页的<div>标签是在CSDN个人主页<body>标签中！！这就意味着我们或许可以在这个<div>盒子中设置的<style>标签中的同样可以影响到整个CSDN主页的CSS样式！
    那我们来试试看！

  1. 找到系统自己设置的class类
    在这里插入图片描述
    在这里插入图片描述

  2. 在自定义模块中写入<style>标签并写和系统相同的类名，进行修改
    在这里插入图片描述

  • 虽然没有生效
    但是我们发现在我们自定义模块中写入的<style>标签中的CSS属性确实在系统主页中出现了，只是因为选择器权重的问题被系统原有的样式覆盖了！等等，选择器权重？你肯定也想到了！
    在这里插入图片描述

  • 没错！！！只需再加一步我们的样式就可以在CSDN主页中显示！！(这是CSS3 三大特性中特殊性的内容）就是!important这个属性，可以让选择器的权重无限大，从而强制生效其中的CSS样式！那么，我们需要在设置样式的末尾加上!important就可以让他强制生效！
    在这里插入图片描述

  • 那我们来试试看！在自定义模块中样式末尾加入!important
    在这里插入图片描述

在这里插入图片描述

  • 真的生效了！！，字体变成我们所设置的红色！我们设置的样式成功通过!important覆盖了csdn原先设置的样式！
    在这里插入图片描述
  • 那么好玩的来了，我们只要可以知道CSDN中主页样式的选择器名，我们就可以通过自定义模块中设置<style>标签中定义与其同名的选择器，将CSDN同类名中原有样式进行覆盖，遇到权重低而不能生效的问题我们就可以通过!important 使其强制覆盖CSDN原有类中的样式。
    那么就意味着理论上我们可以通过自定义来修改CSDN主页中存在任何样式！！DIV一个专属于自己的独特的CSDN个人主页（‐＾▽＾‐)>。

💯DIV系统自带CSS样式

  • 接下来我将给出这两天根据控制台找到的csdn自带的css样式的选择器名，你可以根据我给的选择器加上!important使其强制生效去自定义其属性。没有提到的也可以按照类似方法去找到想修改的部分！
    在这里插入图片描述

如何DIY主页背景

  • 首先我们打开F12调试找到了主页背景图所在的位置，选择器名为#userSkin.skin-ai
    在这里插入图片描述

这时候我们可以在自定义中设置

在这里插入图片描述

注意：选图尽量选择宽图。
在这里插入图片描述
url中可以填入自己所需要设置的背景图片

在这里插入图片描述

  • 我们发现头部区域仍有图片，已经要如何将中心区域换成透明和自己喜欢的颜色呢？
  • 首先我们打开F12调试找到了主页头部背景图所在的位置，选择器名为#userSkin.skin-ai .user-profile-headi
    在这里插入图片描述

这时候我们可以在自定义中设置

在这里插入图片描述

  • 当然你也可以设置background-image: url(“图片地址”);
    在url中填入自己需要设置成头部背景的图片
    在这里插入图片描述

  • 可以看到我们的头部区域已经清除啦！
    在这里插入图片描述

如何DIY主题区域颜色

  • 找到背景图所在选择器
    #userSkin.skin-ai .user-profile-head{background-image:none;}.user-profile-aside .user-profile-aside-common-box,.blog_extension,.user-profile-aside .user-influence-list ul li,.user-profile-head .user-profile-head-info,.navList-box .navList,.navList-box .blog-second-list,.blog-list-box,.el-input__inner,.blink-list-box,.sub-people-list-box,.live-list-box,.resources-list-box,.answer-list-box,.navList-box .ask-second-list,.answer-list-box,.navList-box ,.sub-second-list
    在这里插入图片描述

  • 放入效果如下：
    在这里插入图片描述

如何DIY主页ID个性化样式

  • 找到个人id所在选择器
    .user-profile-head-name-vip
    在这里插入图片描述
  • 效果如下：
    在这里插入图片描述

如何DIY左部栏颜色

  • 找到左部栏所在选择器
    .navList-box .blog-second-list>ul>li .blog-time-filter .el-select .el-input .el-input__inner, .user-profile-aside .user-profile-aside-common-box
    在这里插入图片描述
    在这里插入图片描述

  • 这里也是设置背景颜色，可以自己替换自己喜欢的效果：
    在这里插入图片描述

  • 但是我们发现了不兼容的部分
    在这里插入图片描述
    找到对应的选择器：
    #blogExtensionBox .blog_extension .navList-box .blog-second-list>ul>li .blog-time-filter .el-select .el-input .el-input__inner

  • 更改代码：
    在这里插入图片描述

  • 恢复正常:
    在这里插入图片描述

如何DIY头部栏背景透明颜色

  • 首先清空背景，确保设置颜色不会被影响
    找到对应选择器：
    #userSkin.skin-cookblue .user-profile-head
    在这里插入图片描述
    在这里插入图片描述

  • 将背景清空后，加入想要的背景色：
    在这里插入图片描述

  • 头部栏透明颜色设置好了，也可以根据自己喜好更改颜色
    在这里插入图片描述

如何DIY个人简介样式

  • 找到对应的选择器:.introduction-fold[data-v-d1dbb6f8]
    在这里插入图片描述在这里插入图片描述

  • 可以根据自己的喜好更改样式
    效果如下：
    在这里插入图片描述

  • 我们发现个人简介这四个字样式没变，我们继续找对应的选择器
    但是这个好像没有选择器，只是一个<span>标签，那我们在浏览器里修改一下看看!important可不可以,
    什么？!important也不行，我想应该是继承权重最小的原因。
    在这里插入图片描述

  • 那我们就用后代选择器试试可不可以
    在这里插入图片描述

  • 成功设置：
    在这里插入图片描述

如何DIY主页文章展示字体

  • 找到对应选择器:
    p[data-v-46274ba1],h4[data-v-6fe2b6a7], .blink-list-bottom, .user-profile-statistics-name
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
  • 成功设置：在这里插入图片描述
    在这里插入图片描述

如何DIY个人信息和文章数据展示效果

  • 找到个人信息的数字对应的选择器
    .user-profile-statistics-num
    在这里插入图片描述
    找到文章数据数字对应的选择器:
    .blog-list-box .view-time-box, .two-px
    在这里插入图片描述
    在这里插入图片描述
  • 效果展示发现个人信息的字体太小了，我们调大一点
    在这里插入图片描述
    在这里插入图片描述
  • 设置成功
    在这里插入图片描述

如何DIY主页扩展信息

  • 找到对应选择器
    .show-more-introduction-fold,.address, .user-profile-head-name-vip,.blog-list-box .blog-list-content
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
  • 效果展示：
    在这里插入图片描述

未提及的剩余其他部分

  • 本文暂时列举这些修改部分，还有其他样式系统可以修改，玩法如出一辙，先用F12调试找到对应的选择器，再在自定义中进行样式重定义，遇到权重低的使用!important使其强制生效,下面会给出一些成品代码块，可以直接复制代码块粘贴进自定义模块使用，uu们可以在此基础上修改一些属性进行变换ゞ( *-)
    在这里插入图片描述

💯本文成品代码

  • 可在此基础上进行修改，放到VScode里面，按shift+alt+F格式化代码后更好看清楚。
<div><p class="b">欢迎来到小Z的博客!</p><img class="a"src="https://picture.gptkong.com/20240619/23170053c526f04519aae1ebdb8538628e.png"><p><img class="a c"src="https://img-blog.csdnimg.cn/direct/a7710295c48b4f13aba07433c5a96ffe.gif#pic_center"></p><style>.toolbar-container{ background:pink;}#userSkin.skin-ai .user-profile-head{background-image:none;}#userSkin.skin-ai{background:url(https://picweboss-app.gracg.com/2001697768_193a7c1ebf7da2261f26ef74aa348aa5oss.jpg_1200w.jpg) no-repeat;background-size: cover;background-attachment: fixed}.user-profile-aside .user-profile-aside-common-box,.blog_extension,.user-profile-aside .user-influence-list ul li,.user-profile-head .user-profile-head-info,.navList-box .navList,.navList-box .blog-second-list,.blog-list-box,.el-input__inner,.blink-list-box,.sub-people-list-box,.live-list-box,.resources-list-box,.answer-list-box,.navList-box .ask-second-list,.answer-list-box,.navList-box ,.sub-second-list{background:rgba(187, 173, 217, 0.5) !important} .user-profile-head-name-vip[data-v-d1dbb6f8]{color:#00FFFD!important;font-family:华文行楷;font-size:1.8em}.navList-box .blog-second-list>ul>li .blog-time-filter .el-select .el-input .el-input__inner,.user-profile-aside .user-profile-aside-common-box{background: rgb(173, 255, 238, 0.5) !important}#blogExtensionBox .blog_extension{background: #ffffff3b !important}.navList-box .blog-second-list>ul>li .blog-time-filter .el-select .el-input .el-input__inner{    background: #f9020200 !important}#userSkin.skin-cookblue .user-profile-head{background:none;}#userSkin .user-profile-head .user-profile-head-info{ background: rgba(173, 216, 230, 0.5)!important}  .introduction-fold[data-v-d1dbb6f8]{color:rgb(255, 0, 128, 1)!important;line-height: 20px!important;font-family:华文行楷;font-size:1.7em!important} p[data-v-46274ba1],h4[data-v-6fe2b6a7],.blink-list-bottom, .user-profile-statistics-name{ font-weight: bold!important; font-family:STXingkai!important;font-size:1.8em!important}.blog-list-box .view-time-box,.user-profile-statistics-num,.two-px{font-weight: bold;font-family:STCaiyun!important;font-size:1.2em!important}.user-profile-statistics-num{font-size:2em!important}.show-more-introduction-fold,.address ,.user-profile-head-name-vip,.blog-list-box .blog-list-content{font-family:STXingkai!important;font-size:1.65em!important;color:#eeff00!important} .aside-common-box-achievement i{background-image: url(https://picture.gptkong.com/20240620/1615443ae4ce9d407facabf2bd0557c45c.png#pic_center)!important}.a,.b{position: absolute;height:165px;top: -260px; width:165px;left:-15px} li>div{font-family:STXingkai!important;font-size:1.7em!important;color:red!important} .b{height:70px;width:900px;top: -276px;left: 231px;;font-family:华文行楷;font-size:100px;color:black}.c{height:252px;top: 674px; width:450px;left:0px}.introduction-fold>span{font-family:FZYaoti;color:blue;font-weight: bold} em{font-family:STXingkai}.aside-common-box-achievement span{ font-family: STHupo;}.influence-left span,.active,.influence-bottom-box dd,.influence-bottom-box dt{
    font-family:STLiti!important;font-size:23px!important;font-weight: bold}</style></div>

在这里插入图片描述

💯如何制作背景透明的免抠图标

  • 2024.6.26 找到一个非常良心的网站！只要完成注册，里面的抠图都是免费下载的
    免抠图片网https://www.miankoutupian.com/
    直接用这个下面抠图部分就可以直接省略一步到位
    直接看生成图片的在线链接就可以啦

  • 之前我找的是快图网http://www.kuaipng.com/sucai/95734.html
    搜索图标后有各种已经扣好的图片但是好像只能下载一次，后面要开vip，没事，还有办法！
    在这里插入图片描述

  • 在浏览器扩展商店找到图片助手点击下载后
    在这里插入图片描述
    在页面找到图标点击提取本页图片
    在这里插入图片描述
    在这里插入图片描述

  • 我们可以在这里下载以后截取的图片，但是这个是没有抠好的
    在这里插入图片描述
    我们去抠图网https://www.remove.bg/zh把图片抠出来
    在这里插入图片描述

  • 最后去生成一个图片在线链接或直接发在csdn动态里面拿在线地址
    图像至链接转化：在线利器https://www.gptkong.com/tools/image_to_link
    在这里插入图片描述
    拿着这个链接就可以去做我们的图标啦

💯如何在主页加上音乐播放器

  1. 第一步网易云生成外链接，播放器显示大小位置可以自由调整
    在这里插入图片描述
    在这里插入图片描述
  2. 接着我们通过<iframe>标签嵌入该播放器外链使其在我们的主页显示出来，接着使用到position:fixed使得播放器随着页面滑轮一直移动，最后播放器的大小还有在主页的位置都是可以根据自己需要进行调整的~
    在这里插入图片描述

💯通过对象存储OSS生成外链存放css代码

  • 由于自定义模块有字数限制，我们可以将css文件打包到外部服务器，再用外联方法引入css样式，这样子我们的自定义模块就可以多写html主体的内容，大大增加了可玩性！
    在这里插入图片描述
  • 阿里云对象存储OSS：https://oss.console.aliyun.com/bucket
    点击Buket列表
    在这里插入图片描述
  1. 点击创建
    在这里插入图片描述
  2. 表格其他地方按需选择，最终的是要关掉阻止公共访问，打开公共读 ,这样子我们的css外部链接才可用外联方法引入。
    在这里插入图片描述
  3. 创建好之后我们点击我们创建的Bucket
    在这里插入图片描述
  4. 在这里将我们的css文件打包上传上去
    在这里插入图片描述
  5. 接着我们点开详情
    在这里插入图片描述
  6. 在这里我们可以找到这个在服务器中存放css文件的外部链接
    在这里插入图片描述
  7. 按照以下代码进行导入：
    在这里插入图片描述
  • 顺便提一下，我原先一直尝试用GITHUB的代码RWO进去，发现不可以
    在这里插入图片描述
  • 把上面的网址复制到url上发现不可以，这个应该是类似于文本一样的，而url应该对应的是css文件，这个方法并不可行。
    在这里插入图片描述

在这里插入图片描述

小ᶻ☡꙳ᵃⁱᵍᶜ꙳
关注
专栏目录
CSDN如何制作一个漂亮的自定义模块
小康师兄
07-23 1174
文章目录一、功能位置二、图片上传三、HTML源码四、效果图 一、功能位置 CSDN有一个自定义模块的功能，一直没用上。今天研究下，先把他用上 这个自定义模块支持HTML 二、图片上传 把你需要的图片找个地方上传，拿到这个图片的url 比如我就把图片直接传到这个博客上啦~ 三、HTML源码 <marquee> <b> <font color="#8A2BE2">梦</font> <font color="#FF0000"&gt
【自制】csdn自定义模块栏目 个性化 【美化个人简介】
超逸の学习技术博客
02-07 2299
附源码： <img src="https://s2.ax1x.com/2020/02/07/1gIzZV.jpg"></img> <center><font size="5" color="#D2691E">欢迎一起讨论学习！</font></center> <p>个人简介：</p> <p&gt...
CSDN自定义模块
ALLIN君
02-09 336
本文是给自定义模块添加图片或者文字的代码 若想添加自定义模块专栏，请点击我的这篇博文：添加自定义模块教学 <img src="https://images.cnblogs.com/cnblogs_com/zhou1106/1804028/o_200713100612qq.jpg"></img> <img src="https://images.cnblogs.com/cnblogs_com/zhou1106/1804028/o_200713104239gzh.jpg">&
HTML设计个人博客页面
Python领域优质萌新学习笔记
03-23 3932
页面主体包括一个名为“container”的元素，其中包含博客的标题、简介、最新文章、研究方向和联系方式。我们使用 - 标签定义标题，并使用标签定义段落文本。我们还使用和标签定义无序列表，以显示最新文章和研究方向。最后，我们使用标签定义链接，让读者可以在不离开页面的情况。然后，我们导入了Google字体“Lato”，并定义了一些基本的样式，包括背景色、字体、字号、行高和颜色。/* 背景样式 *//* 标题样式 *//* 链接样式 */
【前端开发入门】html快速入门
最新发布
qbbmnnnnnn的博客
09-29 1294
本篇介绍html的相关内容，包含文档流的概念以及块级元素和行内元素等。同时强调了有关代码编写习惯性问题。
CSDN自定义模块高级设置之（1）——向模块中添加动态效果、网页、3D效果、游戏等互动元素功能
huidaoli
12-08 4098
如果你有阅读我上一篇文章，那么恭喜你，你已经学会设置CSDN自定义模块的简单操作模式了，下面的教程将是进阶教程，目的是让你的博客更有气氛、更酷，重点是与众不同。
CSDN最新自定义模块
06-25
CSDN最新自定义模块CSDN最新自定义模块CSDN最新自定义模块CSDN最新自定义模块
CSDN自定义模块内容
loame_zyq的博客
10-22 259
一、CSDN自定义模块内容 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>CSDN自定义模块内容编写</title> </head> <body> <!-- 引入jquery --> <script src="http://libs.baidu.com/jquery/2.1.4/jque
CSDN添加自定义模块
ALLIN君
12-29 1802
受涛哥亲自指点，倍感荣幸！ 身为VIP，不享受VIP特权，有点呆哦~~ 话不多说开始步骤：六步走 抬头看黑板 第一步：个人中心 第二步：我的博客 第三步：内容管理–》模块管理 第四步：添加自定义模块 第五步：编辑自定义模块 // 栏目内容 示例：图片 <img src="自己需要放的图片链接" width="100%"> 小技巧：这里需要图片链接，一般情况我们是没有的，可以发一篇私密博客，将自己图片传上去，发布后查看文章，右键图片就可复制图片链接了。 第六步：效果 结束：
【clickhouse系列】使用clickhouse注意事项
檀越的博客
12-13 691
使用clickhouse注意事项 严格区分大小写,注意库名和字段的大小写 子查询的查询结果需要加as别名 不支持ndv函数,支持使用count(disticnt column) ifnull函数在null时需要有默认值 ifnull(ddopsd.all_sal_act_qty,0) 查询条件字段最好加上’'单引号,避免类型不匹配 涉及到计算函数的字段,字段类型必须是Number类型,不能是String 超过50g的表不能直接删除,需要添加一个空文件 sudo touch /data/clickhouse
CSDN博客专家、VIP自定义模块炫酷代码.zip
09-18
"CSDN博客专家、VIP自定义模块炫酷代码.zip"是一个针对CSDN博客用户的资源，特别是那些博客专家、VIP用户以及企业博客用户，旨在提升他们的博客界面和吸引力。 自定义模块是CSDN博客提供的一项功能，它允许用户在...
CSDN自定义模块内容编写
夏已微凉、
02-22 401
一、什么是自定义模块二、案例代码三、效果截图 一、什么是自定义模块 栏目内容支持HTML格式，不支持JS， 最多添加1个自定义栏目，VIP、博客专家、企业博客才可在个人详情页显示 二、案例代码 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>CSDN自定义模块内容编写</title> </head> <bo.
CSDN博客自定义模块：VIP、博客专家和企业博客用户的个性化选择
你若盛开，清风自来
07-07 961
本文将介绍如何更改CSDN博客的自定义模块，并指出这项功能仅限于VIP、博客专家和企业博客用户。通过了解这些信息，博客用户可以更好地利用CSDN博客的个性化功能。自定义模块是指用户可以在博客页面上添加和编辑的模块，包括头部、侧边栏、底部等区域。这些模块可以包含各种内容，如文字、图片、视频等。自定义模块使博客页面更具个性化和专业性。要更改CSDN博客的自定义模块，用户需要满足以下条件：用户必须是CSDN的VIP、博客专家或企业博客用户。用户需要登录CSDN博客后台。点击“内容管理”选项。
CSDN自定义模块简单设置之——添加图片、文字、链接等
huidaoli
12-07 4716
CSDN官方为了给博主设置自己想要显示的内容而开设置的一个功能，添加自定义模块后，你的博客将多出一个功能块，而且每个人只能设置一个这样子的自定义模块。
分享个CSDN自定义模块模板
兮动人
02-14 464
当然这也是为了有很多粉丝的博主更方便的推广一些业务场景展示的橱窗。在开了会员或升级为博客专家后，才有这个自定义模块的权限。下面就列下我使用的自定义模块相关的代码。
csdn的模块
B__B_B的博客
04-04 160
积分与排名模块：CSDN有积分和贡献度的概念，用户可以通过发布文章、回答问题、参与讨论等方式获得积分，并在排名中展示自己的贡献度。论坛与社区模块：CSDN提供了多个技术论坛和社区，用户可以在相应的板块中进行讨论、提问和答疑，与其他开发者进行交流。开源项目模块：CSDN提供了展示和分享开源项目的功能，用户可以发布自己的开源项目，并参与其他开源项目的贡献和讨论。社交与关注模块：用户可以关注其他用户，获取他们的动态和更新，也可以与其他用户进行私信和互动。
csdn博客搭建自定义模块
灵舒的博客
07-31 341
记得想设置这个得要么是会员，要么是专家 下面的图片链接可以自己更改或者删除 <img src="https://images.cnblogs.com/cnblogs_com/zhou1106/1804028/o_200713100612qq.jpg"></img> <img src="https://images.cnblogs.com/cnblogs_com/zhou1106/1804028/o_200713104239gzh.jpg"></img> &lt
『Others』CSDN自定义模块添加给我写信功能
叄拾叄画生
09-20 338
给我写信功能演示。配置给我写信功能。
个人网站html+css csdn
10-19
个人网站是一种个人展示自己知识和技能的平台，通过HTML、CSS等前端技术来搭建和设计。HTML是用于网页结构的标记语言，可以创建网页的基本结构和内容；CSS则是用于美化网页的样式表语言，可以设置网页的布局、颜色、字体等方面的样式；CSDN是一个IT技术社区，在上面可以学习和分享各种IT相关的知识。 在搭建个人网站时，首先需要使用HTML编写网页的基本结构，包括头部信息、导航栏、内容区等。然后通过CSS来设置网页的样式，使其具有吸引力和易读性。可以设置背景颜色、字体样式、边框等来美化页面。 如果在个人网站中集成CSDN，可以在网页上加入CSDN的导航栏或者小工具，方便访问者浏览和跳转到CSDN上的相关内容。也可以在网页上嵌入CSDN的博客文章或者技术专栏，展示个人在技术领域的知识和经验。 总的来说，个人网站是一个展示个人技能和经验的平台，通过HTML、CSS等技术搭建，并可以与CSDN等技术社区进行结合，提供更丰富的内容和交流的机会。通过个人网站，可以展示自己的专业能力，提升个人影响力，吸引更多的访问者和交流合作的机会。
评论 208
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小ᶻ☡꙳ᵃⁱᵍᶜ꙳

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值