TownBoats的MarkDown学习笔记

最新推荐文章于 2024-07-25 23:43:06 发布
最新推荐文章于 2024-07-25 23:43:06 发布
阅读量619 收藏
点赞数
文章标签： 学习 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/T2413250743/article/details/131014712
版权

TownBoats的MarkDown学习笔记

这是我的markdown学习笔记，主要参考链接是何方的个人小站-Markdown,这个博主的个人网站也提供了一个在线MarkDown编辑器. 我写此文是仅仅是记录个人学习历程.我在学习的时候使用的是Vscode作为编辑器的,这个编辑器能渲染大部分的Markdown语法,但是有一些是不能渲染的,有一些功能也是不能实现的,等文章中遇到的时候,我会提出来.

1.标题

1.1标题的基础语法

首先是标题，用“#”加空格来表示标题，“#”的数量表示标题的级别，一共分为六个级别，“#”的数量越少，标题的级别越高，标题越大。如下示例：

# 一级标题  
## 二级标题  
### 三级标题  
#### 四级标题  
##### 五级标题  
###### 六级标题   
正文  
####### 七级标题(×)  
#没空格标题(×)

显示效果如下：

一级标题

二级标题

三级标题

四级标题
五级标题
六级标题

正文
####### 七级标题(×)
#没空格标题(×)
冷知识
除了在文字前面添加“#”，也可以在需要成为标题的文字下面添加“=”或者“-”来构成一级标题或者二级标题
例如:

标题一  
===  
标题二  
---

上面的显示效果如下:

标题一

标题二

1.2自定义标题id

在标签的后面用空格后大括号包裹住{#head1}可以为标题设置自定义的id
### 标题1 {#head1}

标题1 {#head1}

注意哦,这里的VSCode的MarkDown渲染器会把标题中的"{#head1}"也渲染出来, 不然是这个标志,也用不了点击跳转功能.

2.段落

我认为这个也可以叫做“正文”部分，类似于word中的正文，负责大部分的内容。也就是不加任何符号，直接输出的部分(正如这个段落)。

注意

段落前不能有超过一个空白字符（空格或者制表符tab），否则会被识别成代码块。
段落后如果有超过两个空白字符，则会换行生成新的段落。

3.换行

在一段文本的后面添加两个空格会在后面生成换行符<br/>
像这样，就换行了。那么直接在文段后面使用会换行吗？let’s try
试试好像是这样的，这么说，markdown是支持完整的html语法的吗？
搜索中…

结果如下

markdown可以看做是html的子集，专注于文字处理，貌似是这样的…也就是说markdown可以支持html语法吗？也许只支持简单的一些语法，这里有一篇博客是讲这个的:一组你值得拥有的 Markdown 中混用 HTML 案例

也就是说,MarkDown是支持部分HTML语法的,比如可以把文字变成其他颜色，还挺有意思的，markdown原本 语法支持变颜色吗？–貌似不能,只能内嵌html来实现.

等有空了来玩一玩MarkDown结合HTML,在这里完善.

4.粗体斜体删除线下划线

4.1粗体

可以通过在要加粗的文字前后添加两个星号“*”和下划线"_"来对文字加粗（记得星号和下划线前后添加空格）

**加粗**或__加粗__
实现效果：
加粗或 加粗
测试发现在VSCode中用下划线加粗必须在前面加空格，奇了怪了，那么以后就用星号来加粗吧,在MarkDown在线编辑器中就不需要.

4.2斜体

在要加粗的文字前后添加一个星号或下划线来对文字斜体:
*斜体*或_斜体_
实现效果：
斜体或 斜体
同样的问题,下划线前面必须有空格才能生效

4.3粗斜体

三个星号或下划线就可以同时加粗并斜体
***粗斜体***
___粗斜体___
粗斜体 粗斜体

4.4删除线

用两个波浪号可以实现对文字添加删除的效果:
我很擅长~~告白~~...告别
我很擅长 告白…告别

4.5下划线

查找资料发现markdown原生语法没有下划线,只能内嵌html:
用<u></u>标签来对要下滑线的文字进行标下划线操作:
<u>下划线</u>
下划线

5.列表

5.1 有序列表

用数字+"."+" "的方式来进行有序列表的书写, 并且最终显示的列表项的序号是多少与前面的数字并没有直接关系,只是从第一项递增:

1. 第一项  
4. 第二项  
3. 第三项

显示效果如下:

  1. 第一项
  2. 第二项
  3. 第三项

可以看到, 除了第一项,最后的显示效果与代码中的数字并无直接关系.
冷知识
如果写完列表项,要在后面加一个换行符,才能继续写段落,否则是在接着列表项写.

5.2 无序列表

在文字前面添加+,-或者*实现无序列表:

+ 香蕉  
- 苹果  
* 菠萝

显示效果:

  • 香蕉
  • 苹果
  • 菠萝

5.3 列表嵌套

列表是可以嵌套的,在列表项前面添加两个空格可以把该列表项变为子列表项:

+ 香蕉  
    - 苹果  
        * 菠萝

显示效果:

  • 香蕉
    • 苹果
      • 菠萝

5.4 任务列表

有序列表和无序列表都可以作为任务列表使用.可以作为待办事项的展示: (刚发现在代码块之前要有一个换行才有好的显示效果…)

**有序任务列表**

1. [x] 已选中的项目
1. [ ] 未选中的项目

**无序任务列表**

- [x] 已选中的项目
- [ ] 未选中的项目

显示效果:
有序任务列表

  1. 已选中的项目
  2. 未选中的项目

无序任务列表

  • 已选中的项目
  • 未选中的项目

6 引用

6.1 引用的语法

用>和空格生成引用:

> 这是一段引用

效果:

这是一段引用

6.2 引用其他元素

引用还可以引用列表项:

> 这是一个*引用* **段落**
>
> 1. 有序列表项 1
> 1. 有序列表项 2
> 1. 有序列表项 3
>
> - 无序列表项 1
> - 无序列表项 2
> - 无序列表项 3

效果:

这是一个引用 段落

  1. 有序列表项 1
  2. 有序列表项 2
  3. 有序列表项 3
  • 无序列表项 1
  • 无序列表项 2
  • 无序列表项 3

7 代码块

7.1 行内代码

使用一对反引号(`)来创建行内代码。如果在行内代码中需要包含反引号本身，可以使用两个反引号对加前后空格来创建:

``code``

`` ` ``

显示效果:
code

`

7.2 代码块

代码块就是一段代码, 在文章中用一个tab符号来表示, 并且要在代码块之前添加一个回车,才能更好地展示代码.:

<html>
    <head></head>
</html>

7.3 围栏式代码块

在很多 Markdown 解析器里都支持使用三个反引号(`)或三个波浪号(~)来定义围栏式代码块。同时这种代码块配合插件还可以做到代码高亮、行号等高级功能。其中代码高亮功能是使用插件的结果.

如果在代码块中也存在三个反引号或波浪号，可以在外层使用 4 个。
比如下面的代码:

```javascript
const a = 1;
const b = 2;
function add(num1, num2) {
return num1 + num2;
}
console.log(add(a, b));
```

可以显示为:

const a = 1;
const b = 2;
function add(num1, num2) {
  return num1 + num2;
}
console.log(add(a, b));

8 分隔线

在段落中单独的三个星号或三个减号或三个下划线都可以渲染为分隔线:

第一部分
___
第二部分
***
第三部分  
---

效果:
第一部分

第二部分

第三部分

有点迷,三个减号会直接把上面的变成标题二,还是用下划线吧(实测单独的三个减号确实可以变成分隔线),实测这也可能是VSCode的问题,在在线编辑器中不会出现这个问题

9 超链接 {#my-heading}

9.1 链接到网站

用方括号中的文字作为标题"[]",在随后的小括号里面添加指向的链接

[TownBoats的博客](http://townboats.xyz/)

显示效果:
TownBoats的博客

9.2 链接到其余文件

[标题三](path)

上面的语句会打开path对应的文件或链接啥的

9.3关于文件内部跳转

(markdown貌似没有原生的跳转, 又是VSCode的问题),只能利用前面提到的我以为的bug"{#head}"标签来打标签,然后在浏览器里面渲染成html才能跳转(反正VSCode是不行的).用如下的形式:

[标题一](#head)

等等,貌似发现不对.我发现, 小括号中使用"#"+标题名称可以直接跳转, 例如:

[8 分隔线](#8-分隔线)

8 分隔线
好吧, 有这个功能就够了.

10 图片

10.1图片就是超链接前面加一个"!"

如标题,添加图片就是添加一个超链接,然后在超链接前面添加一个"!"
利用本地文件夹添加图片:

![link1](./pic.jpg)

这里的"./pic.jpg"是和我md文件相同路径下的一张图片,显示效果如下(实际上的网站大多使用的是图床链接,通过互联网显示,这里仅仅作为演示效果):在这里插入图片描述

小括号后面的超链接也可以是网络链接:

![随便一张图片](https://img1.baidu.com/it/u=1944117848,1840655305&fm=253&app=120&size=w931&n=0&f=PNG&fmt=auto?sec=1685811600&t=7414dfb878360de76bc4c8b3462eb2b4)

随便一张图片
除了使用超链接,还可以将图片转换成base64代码,直接插入md文档中,不过实测这会让文档变得超级长.具体使用方法可以参考下面这篇博客在markdown中直接使用base64插入图片
将图片转换成一个base64文本,然后将这个文本用一个脚注存起来,再在超链接的小括号后面添加这个脚注.

10.2 带链接跳转的图片

可以为图片添加一个点击跳转的目标地址,也就是把这个图片作为之前超链接方括号里的内容, 做一个嵌套,然后在外面的小括号添加指向的地址:

[![哔哩哔哩](https://www.baidu.com/link?url=Exn9Y13PI_hww8fYeVL5h8OWBZvlpkA-H-bYt7_9fgQFia9_ZaoWQ47xY_H3aU4RFMk1Uo_uQSXy9TTNP4j2kT-na8tgxpn4wsis14iJSbUoj0P4nHyWbMo5ZXRW5z9-0aViSthngmq9x0m3tbOKOr1V5gY64TWbDh1FCZUFoGLcetLgfFhICY2QGnucQD7nATdLiFJhbGgK3zXdpTQ7EnQI5u696-9kWfxAVseMGdbq4kNzr8QHoh9waF1V1lhxCEGw5mdroadJkJ2KcrNZgAZ7OySWSvJZna2Z8zXOg5MoEUDkjSDW9wyHGaPaZK_wNG1PCwLeNy9QWZk2LctXKj8XQPXcBF-hlX6_XvQOHLbvx8TrQsejjy62lc7nLt_ygaECdlqHMSW7bTjDvsfZjEPXuUKOvFMOh1Avwqad-qAPMx8oKPIMZvOnIk4cNF7Oq2DqM7FR8b94fdqaq4GbqiPuT7YTUcqYr64fFc1GIytITc_vl3quk5HrqBJkT7GZ-zhOdd1Zi4_xFkBzCdCNZxP_RurMZbQ10psZ4Jn9lLbb2LLQUBGC-xxuKirme0ZoCYZfc7V0mLXvDJCN5GNvv9V4iV1nFLQ7jdO64JLt-BzWoYrEAxLPStaZbd3deZwGUQzpLn7SFiJnleZCH0VvlhQiXRhGjZQtNIuSfaFtACH9mT8-nENKNpW2eXy13TdvWAUCGpladdEIDOKs-PrEH4S1IVkXu20Vmn9pILM00Q539DQJXoHdFtV8EfKJJtZF&wd=&eqid=c549e00b000120fe000000066479dc08)](bilibili.com)

哔哩哔哩

10.3 为图片添加title

图片可以添加title,只需要在小括号里面的链接后面用双引号把图片的title括起来就可以了,注意用空格与前面的链接隔开:

![哔哩哔哩](https://img1.baidu.com/it/u=1944117848,1840655305&fm=253&app=120&size=w931&n=0&f=PNG&fmt=auto?sec=1685811600&t=7414dfb878360de76bc4c8b3462eb2b4 "点击跳转哔哩哔哩")

哔哩哔哩

11 表格

11.1 表格语法

表格使用"|“来区分列,在表头和表像之间用三个”-"来分割:

|X|Y|
|---|---|
|1|2|
|2|4|
XYZ
第一行第一列第一行第二列1,3
第二行第一列第二行第二列2,3

11.2 表格的对齐方式

在表格的第二行来设置表项的对齐方式,用冒号来控制对其方式,表头和表项一起控制,控制的是那一列的对其方式:

|第一列|第二列|第三列|
|:---|:---:|---:|
|这一列是左对齐的|这一列是居中对齐的|这一列是右对齐的|
第一列第二列第三列
这一列是左对齐的这一列是居中对齐的这一列是右对齐的

实测,默认是左对齐(我觉得很不合理!!!)

11.3 表格的嵌套

表格中可以使用其他元素:

|第一列|第二列|
|:---:|:---:|
|**粗体**|_斜体_|
|`行内代码`|[![哔哩哔哩](https://img1.baidu.com/it/u=1944117848,1840655305&fm=253&app=120&size=w931&n=0&f=PNG&fmt=auto?sec=1685811600&t=7414dfb878360de76bc4c8b3462eb2b4 "点击跳转哔哩哔哩")](https://www.bilibili.com/)|
|:cat:|<span style={{color:"red"}}>带颜色的字</span>|
第一列第二列
粗体斜体
行内代码哔哩哔哩
🐱<span style={{color:“red”}}>带颜色的字

12 脚注

12.1常规语法

脚注类似于参考文件或补充说明,出现在文章的最后,语法如下:

[^名称]:内容

引用如下:

[^名称]

引用示例1
(本人在写这篇文章的时候是用的vscode写的,貌似vscode的渲染器不支持脚注这个功能)
另外,"[^名称]:内容"的语法在编写的时候可以出现在文章的任意位置,最后都会被渲染到文章的末尾.

12.2 作为常量

可以用脚注储存一些数据,比如超链接,然后在超链接的小括号里面方置这个常量,把脚注放置在文末,这样在写文章的时候就会显得文本简洁,通过这个方法还可以把图片转换成base64,将图片直接存储在文档中:

![小猫][cat]
[cat]: data:image/gif;base64,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

小猫

13 公式

markdown本身不支持公式,但是由于markdown在技术领域用得较多,所以很多解析器都支持公式解析. 在支持公式解析的Markdown编辑器中,我们可以使用KaTex语法在Markdown中使用公式.

关于LaTex和KaTex的区别:from ChatGPT-3.5:
Ketex（KaTeX）是一个用于在网页上渲染数学公式的开源库。它是由Khan Academy开发的一个轻量级数学公式渲染引擎。相比于传统的LaTeX，Ketex专注于在网页环境下提供快速渲染和高性能的数学公式显示。
LaTeX是一种流行的排版系统，用于创建高质量的文档，特别是在学术和科学领域中。LaTeX提供了一套广泛的命令和宏，用于处理各种排版需求，包括数学公式。LaTeX使用的是TeX排版引擎。

Ketex与LaTeX的关系是，它们都用于处理数学公式的排版，但在不同的环境中使用。LaTeX主要用于创建打印文档，而Ketex则专注于在网页上渲染数学公式。Ketex提供了一种更轻量级的解决方案，可以更快速地在网页上显示数学公式，而不需要使用完整的LaTeX排版系统。
etex采用了一种简化的语法，与LaTeX不完全兼容，但仍然可以处理大多数常见的数学公式。由于其轻量级和高性能的特点，Ketex在许多在线学术资源、数学教育平台和博客中得到广泛应用，以提供更好的数学公式显示体验。

至于具体的公式怎么书写可以参考这个博客Markdown常用数学公式.

13.1行内公式

行内公示用一堆"$"包裹:

这是一个行内公式: $a^2 = b^2 + c^2$

这是一个行内公式: a 2 = b 2 + c 2 a^2 = b^2 + c^2 a2=b2+c2

13.2 块公式

用两对"$"包裹:

$$
f(x) = \int_{-\infty}^\infty
    \hat{f}(\xi)\,e^{2 \pi i \xi x}\,d\xi
$$

如下:
f ( x ) = ∫ − ∞ ∞ f ^ ( ξ )   e 2 π i ξ x   d ξ f(x) = \int_{-\infty}^\infty \hat{f}(\xi)\,e^{2 \pi i \xi x}\,d\xi f(x)=∫−∞∞​f^​(ξ)e2πiξxdξ

14 学习总结

Markdown是一种轻量的文本编辑模式, 原生的Markdown能做的事情比较有限, 智能进行文本编辑,但是由于其轻量级的特性,Markdown被广为使用,出现了许多拓展功能.比如渲染公式,还有渲染复杂的图表如甘特图,时序图等.总而言之, Markdown在几乎没有配置环境的成本下,能实现结构化的文本编辑,能渲染公式,已经十分够用,学会使用Markdown,应该也是程序员的必经之路!😁

  1. 这是一个引用 ↩︎

多多睡觉
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Markdown学习笔记
07-19
Markdown 学习笔记简介 1. 概述 Markdown 是一种轻量级的标记语言，设计初衷是使写作过程更加简单直观。它允许你使用易读易写的纯文本格式，通过简单的标记语法将文本转换为结构化的 HTML。 2. 高级语法 ①任务...
java学习笔记markdown
03-12
【Java学习笔记Markdown版】是针对Java初学者和进阶者的一份详尽教程，以Markdown格式编写，便于阅读和整理。Markdown是一种轻量级的标记语言，它允许用户使用易读易写的纯文本格式编写文档，然后转换成结构化的HTML...
http://my.qy6.com/login.php,MaliStore/app.wxss at master · tomzj/MaliStore · GitHub
热门推荐
weixin_34471637的博客
03-13 48万+
src: url(data:font/truetype;charset=utf-8;base64,AAEAAAALAIAAAwAwR1NVQrD+s+0AAAE4AAAAQk9TLzJXBku4AAABfAAAAFZjbWFwX864igAABTQAAA5iZ2x5ZrXmsl0AABVMAADKgGhlYWQR8usHAAAA4AAAADZoaGVhCPIF2QAAALwAAAAkaG10eGX...
Java基础 学习笔记 Markdownr版
06-27
本学习笔记主要涵盖了Java的基础知识，包括面向对象、集合、IO流、多线程、反射与动态代理以及Java 8的新特性等方面，旨在帮助初学者或有经验的开发者巩固和提升Java编程技能。 1. 面向对象（OOP）：Java的核心是...
markdown学习笔记.md
07-25
记录第一次学习markdown； 记录第一次使用csdn写博客； 过程还是比较顺利； 从今天开始就正式开始我的csdn之旅。
学习记录day18——数据结构 算法
weixin_64918301的博客
07-24 893
程序 = 数据结构 + 算法算法是程序设计的灵魂，结构式程序设计的肉体算法：计算机解决问题的方法护额步骤。
Python编程学习第一篇——Python零基础快速入门（六）（4）异常处理
urhero的专栏
07-25 428
我们已经了解了Python的基本数据类型、变量和基本的逻辑控制语句，基于这些基础知识可以编写一些小程序了，但是在写程序的时候我们会发现，有时候程序并不是按我们预期的方向执行，有的直接报错，有的没有报错，却并未得到我们预期的结果。在这个例子中，除数为0会引发ZeroDivisionError异常，我们将异常信息赋值给变量e，并输出"除数不能为0"和异常信息。在这个例子中，由于除数不为0，所以没有发生ZeroDivisionError异常，代码会执行else语句块，并输出结果2.0。
AvaloniaUI的学习
lishuangquan1987的博客
07-25 990
官方中文文档：https://docs.avaloniaui.net/zh-Hans/docs/welcome。
学习测试12-车（略）
qq_44897733的博客
07-25 264
系统讲解，可以在懂车帝网站去了解汽车结构
强化学习学习（三）收敛性证明与DDPG
QinZheng7575的博客
07-25 975
强化学习大多数不是理论收敛的，本文就给出了原因和证明思路。接着我们讨论Double Q-Learning和在连续动作下的强化学习DDPG
【机器学习西瓜书学习笔记——模型评估与选择】
m0_51148715的博客
07-25 554
若一个学习器的 ROC 曲线被另个学习器的曲线完全“包住”，则可断言后者的性能优于前者;我们通常会把学习器的实际预测输出与样本的真实输出之间的差异称为误差。以查准率为纵轴、查全率为横轴作图,就得到了查准率-查全率曲线,简称**“P-R曲线”**，显示该曲线的图称为“P-R图”.③查准率越高，说明模型预测结果中真正例的比例越高，模型对于正样本的识别能力越强。③查全率越高，说明模型能够成功预测出的正样本比例越高，模型的识别能力越全面。目的：对于一个模型，根据p不同，找到使得代价总期望最小的模型的阈值。
虚拟机学习
weixin_63374588的博客
07-25 371
虚拟机的优点：虚拟机使用教程：
FastAPI（八十）实战开发《在线课程学习系统》接口开发-- 课程列表
mr~li的博客
07-25 431
源码见："
vba学习系列(6)--将指定区域数据偶数列和奇数列分类汇总
用余生去守护的博客
07-25 440
当我们能够放弃一切，做到简单从容的活着，我们生命的低谷就已经过去；
昇思25天学习打卡营第7天 |昇思MindSpore 全卷积网络（FCN）图像语义分割 学习与总结
Mr_Orangechen的博客
07-25 512
全卷积网络（Fully Convolutional Networks，FCN）是UC Berkeley的Jonathan Long等人在2015年提出的用于图像语义分割的一种框架。FCN是首个端到端进行像素级预测的全卷积网络。FCN主要用于图像分割领域，是一种端到端的分割方法。通过进行像素级的预测直接得出与原图大小相等的label map。因FCN丢弃全连接层替换为全卷积层，网络所有层均为卷积层，故称为全卷积网络。全卷积网络（FCN）通过卷积操作代替全连接操作，实现了任意尺寸输入图像的语义分割。
《计算机网络》（学习笔记）
qiqi_liuliu的博客
07-24 1937
网络（Network）由若干结点(Node)和连接这些结点的链路(Link)组成多个网络还可以通过路由器互连起来，这样就构成了一个覆盖范围更大的网络，即互联网（互连网）。因此，互联网是"网络的网络（Network of Networks）"因特网（Internet）是世界上最大的互连网络（用TCP/IP）internet是通用名词，互连的网络都叫internet注：互连、自治、集合。在计算机内部或在相邻设备之间近距离传输时，可不经过调制就在信道上直接进行的传输方式称为基带传输。
研究生选择学习Android开发的利与弊？
linlaoshi2009的博客
07-25 568
你现在的状态我能理解，你已经落后别人一截了，所以感到恐慌，你已经意识到了所以决心想学点东西，但是又感觉自己逼格不够，因为你担心别人会想“现在才学安卓？那是我大二玩剩下的东西”，所以你觉得“我应该学点高大上的东西”，但是这些东西你要么是学不懂，要么是对于就业帮助不大的高深理论。你真要装模作样地学那些东西，无非是传出去牛笔一些，比如“我在学大数据挖掘、JAVA系统架构、Linux高级编程、安卓底层驱动开发”，但是人家在讨论相关问题的时候“我”就会找个理由开溜，因为“我”害怕别人发现其实“我”啥也不会。
FastAPI（七十八）实战开发《在线课程学习系统》接口开发-- 评论
mr~li的博客
07-25 366
3.如果是回复，查看回复是否存在。首先新增pydantic模型。最后，实现接口api。
解锁人工智能学习中的数学密钥
最新发布
huanfeng_AI的博客
07-25 542
1. 线性代数：AI的入门语言2. 微积分与概率论：AI的决策引擎3. 统计学与机器学习基础：从数据中提炼智慧4. 优化理论：AI的求解艺术5. 深度学习与神经网络：数学的深度演绎6. 信息论与复杂性理论：AI的哲学思考
markdown记笔记
02-29
Markdown是一种轻量级的标记语言，用于简单而直观地格式化文本。它被广泛用于编写文档、博客、论坛帖子等。Markdown具有简单易学、易读易写的特点，使用纯文本编写，通过一些简单的标记符号来实现文本的格式化。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值