打赏°代码复制代码内容复制代码示例复制代码块示例代码块换行版式题注与自动编号°按钮键盘按键按钮链接文字按钮图标与文字按钮°封面与封底最小化的文档封面内容示例本文档的封面内容示例本文档的封底内容示例°分栏列表分栏双栏列表示例三栏列表示例四栏列表示例五栏列表示例引用块分栏内嵌套的列表分栏示例引用块分栏单行双栏引用块示例(无小标题)单行双栏引用块示例单行三栏引用块示例单行四栏引用块示例引用块内嵌套的引用块分栏示例GitHub Style Alert 分栏°题注双题注与交叉引用表格题注与自动编号通过「方式二」生成的题注图片题注与自动编号多媒体题注与自动编号Mermaid 图表题注与自动编号代码块题注与自动编号(方式 3)6 级标题方式添加代码块题注数学公式题注与自动编号°页签组表格页签组表格页签 3插图页签组引用块页签组代码块页签组GitHub Style Alert 页签组多类内容页签组°内容标记GitHub Style Alert以下为内嵌更丰富排版内容的示例标签单级标签多级标签标签链接进度条面包屑刮刮卡刮刮卡示例注音上标式注音注音示例-1注音示例-2代码式注音注音示例-1注音示例-2°MermaidMermaid 样式优化与扩展Mermaid 的流程图Mermaid 的类图Mermaid 的状态图Mermaid 的顺序图题注与自动编号°数学公式更实用美观的公式行内混排的公式独占一行的公式块(```math 语法)表格内的公式题注与自动编号°多媒体流媒体平台B站视频抖音视频西瓜视频腾讯视频YouTube视频常规视频音频标准界面示例Mini 界面示例题注与自动编号
感谢打赏支持 VLOOK™ 的客官(部分名单)/ Thanks for donate VLOOK™ (partial donors)
*Z、*川、l*n、*朽、*杰、A*C、W*l、*山、*星、*丽、一*秋、*军、*鹏、李*6、*无、H*t、*二、f*y、*宇、*琛、*辉、*秋、*笑、*豫、l*a、*心、整*9、*国、*拉、*龙、*应、*销、*哦、E*y、……
若喜欢 VLOOK™ 的话,可以贡献一杯咖啡
Gn
I like VLOOK™, I donate a cup of coffee
Se
Markdown 粉Q
「用 Markdown 生成的文档中的代码、代码块,希望可以一键复制内容~」
VLOOKA
T2 针对 Markdown 的代码块进行自动增强,支持高亮当前行、复制全部代码、适配 Dark Mode!
适用范围 •••
编辑时
× 不适用Gy导出 HTML
✓ 适用Gn
点击 这个代码
即可复制其内容
tab
VLOOK™ 的代码块示例程序语言:C++
1// ================================================== //
2// VLOOK™ 支持对长代码块进行自动折叠 //
3// ================================================== //
4/**
5 * 快速排序
6 * @param arr 排序的目标数据
7 * @param left 排序范围左值
8 * @param right 排序范围右值
9 */
10void quickSort(int arr[], int left, int right) {
11 int i = left, j = right, tmp, pivot = arr[(left + right) / 2];
12 /* partition */
13 while (i <= j) {
14 while (arr[i] < pivot)
15 i++;
16 while (arr[j]>pivot)
17 j--;
18 if (i <= j) {
19 tmp = arr[i];
20 arr[i] = arr[j];
21 arr[j] = tmp;
22 i++;
23 j--;
24 }
25 };
26 /* recursion */
27 if (left < j)
28 quickSort(arr, left, j);
29 if (i < right)
30 quickSort(arr, i, right);
31}
32// ================================================== //
Tip
建议启用 Typora 中的显示代码块行号配置,以获得更好的体验。
启用方式:「Typora ▸ 偏好设置 ▸ Markdown ▸ 代码块 ▸ 显示行号」
适用范围 •••
编辑时
× 不适用Gy导出 HTML
✓ 适用Gn
代码块默认是自动换行,可以根据需要切换为不换行方式。
Tip
在导出 HTML 后,可通过代码块 内容助手 的「换行版式」进行手工切换
关于代码块的题注与自动编号
适用范围 •••
编辑时
✓ 适用Gn导出 HTML
✓ 适用Gn
VLOOK™ 的主题支持将 <kbd>
标签,VLOOK™ 提供了更接近物理键盘的按钮样式,示例如下:
Q W E R T 1 2 3 4 5
ESC Enter
Ctrl Alt Shift
Ctrl + C 、Ctrl + Shift + V
Ctrl + P
Ctrl + S
Tip
适用于软件操作手册、培训类文档,对快捷键操作说明的排版会显得更直观、清晰。
Markdown 粉Q
「按钮是网络化文档的交互必备,希望 Markdown 文档也能跟上节奏」
VLOOKA
T2 通过增强 Typora 已有的 <kbd>
特性,可以让你实现多种风格的按钮链接,一起上车吧~
适用范围 •••
编辑时
✓ 适用Gn导出 HTML
✓ 适用Gn
VLOOK™ 除实现「文本链接」转换为「按钮链接」外,还提供了三种按钮样式~
如目前有这样的文字链接:
对应的 Markdown 内容为: [访问 GitHub](github.com)
对应的文字链接效果为:访问 GitHub
■ 标准按钮
用
<kbd>
将文字进行包裹即可~
[<kbd>访问</kbd>](...)
示例:访问 GitHub
□ 次要按钮
将「标准按钮」设置为 斜体 即可~
*[<kbd>访问</kbd>](...)*
示例:访问 GitHub
🌈 超级按钮
将「标准按钮」设置为 粗体 即可~
**[<kbd>访问</kbd>](...)**
示例:访问 GitHub
一行中只有按钮链接时居中显示
Tip
若不希望「居中对齐」,只须在前或后添加一个不带格式的空格即可~
除了纯文本的按钮外,还支持在按钮中添加图片作为按钮图标(任意尺寸),添加后图标会自动适配为 icon 版式 显示。
tab
文字 + 图片/图标
直接在以上「纯文字按钮」的
<kbd>
内插入「图片地址」即可,具体示例如下:
对应 Markdown 内容为( xxx.svg 是图片):
[<kbd>访问 </kbd>]
效果如下:
仅图片/图标
直接将以上「纯文字按钮」中的文字内容替换为「图片地址」即可,具体示例如下:
对应 Markdown 内容为( xxx.svg 是图片):
[<kbd></kbd>]
> - 效果如下:
Important
为能实现按钮中的图片颜色能自动适配按钮样式(导出 HTML 后生效),建议图片使用 svg
格式并设置为「图片剪影」。
Markdown 粉Q
「如何让 Markdown 的文档支持封面、封底(例如像本文档的封面、封底)?」
VLOOKA
T2 在应用了 VLOOK™ 的「模板主题」后,使用 Markdown 的标准语法也能让文档支持封面、封底,通过遵从 VLOOK™ 约定的使用规范即可激活。
适用范围 •••
编辑时
✓ 适用Gn导出 HTML
✓ 适用Gn
激活「封面」
在文档的最开始位置输入一个
6 级
标题如:
###### 这是封面标题
快捷键操作
选中作为封面内容的文字,然后按下 Cmd / Control + 6
Tip
若有 YAML 、[TOC] 等内容,则在其后添加。
T1
激活「封底」
在文档的最后 1 行输入一个
1 级
标题如:
# 这是封底结语
快捷键操作
选中作为封底内容的文字,然后按下 Cmd / Control + 1
T2
根据以上操作成功激活封面、封底后,还可以在 Typora 的大纲面板中出现对应封面、封底条目,可进行一键定位到文档对应位置。
以下是「封面」中特定类型信息(如小标题、作者等)的自动排版规则:
tab
标题
默认格式就是标题格式,直接输入就可以了;
可结合下标和下划线格式延伸出「小标题、副标题」:
小标题:
<sub>带 空格 的小标题</sub>
或~不带空格的小标题~
副标题:
<u>这是对应大标题的副标题</u>
文档类型、密级
可使用 VLOOK™ 的多级标签写法来实现,举例如下:
*文档密级`对外公开`*_~Gn~_
*文档密级`内部公开`*_~Og~_
*文档密级`机密资料`*_~Rd~_
作者
使用 Markdown 的「粗体」格式标记出「作者信息」即可,会自动添加前缀
By
,或通过 定制主题 指定
举例:
**我是作者**
版权信息
使用 Markdown 的「斜体」格式标记出「版权信息」即可(会自动缩小字号、加粗)
举例:
*(C)2020. 版权所有*
Tip
在封面、封底中如何换行?
直接输入 HTML 的换行标签 <br>
即可。
tab
xxxxxxxxxx
11###### 在这填写文档标题<br>**在些填写作者**<br>*在这填版权归属方的信息*
xxxxxxxxxx
11###### ~VLOOK™~<br>让你的 Markdown 有了新看_^wán^_法<br>──<br><u>快速参考手册<br>(Part.II)</u><br>*最新版本`V28.1`*<br><br>**MAX°孟兆**<br>*COPYRIGHT © 2016-2025. MAX°DESIGN.*
xxxxxxxxxx
11# The End
「分栏」与「页签组」是两个非常实用、适用广、互补的排版特性。
「分栏」排版能力满足在同一区域内同时展示多组信息,共享显示空间,适合内容不多的情况;
「页签组」排版能力能满足在同一区域轮换展示多组信息,独占显示空间,适合内容较多的情况。
Markdown 粉Q
「Markdown 原生不支持分栏排版,有些用户将就着用表格来顶班,仍然也很难受~」
VLOOKA
T2 有了 VLOOK 后,只需要 1 个动作,嗖一下就可以让你的「引用块、列表、GitHub Style Alert」瞬间实现分栏排列!
Markdown 粉Q
「希望可以对长列表以分栏方式进行显示,但 Markdown 标准中好像没有支持这种实用的排版方式~」
VLOOKA
T2 通过对特定组合使用的 Markdown 语法进行扩展,就可以满足你的这个灵活的排版需求!
适用范围 •••
编辑时
✓ 适用Gn导出 HTML
✓ 适用Gn
主要适用于带小标题的分栏需求,排版内容适合通过列表方式进行组织,如:任务看板之类的。
语法
在需要进行分栏排版的「列表」前一段落添加指定数量的「水平分割线」
---
添加 1 条水平分割线,启用「⬛︎ ⬛︎ 双栏」模式
添加 2 条水平分割线,启用「⬛︎ ⬛︎ ⬛︎ 三栏」模式
添加 3 条水平分割线,启用「⬛︎ ⬛︎ ⬛︎ ⬛︎ 四栏」模式
添加 4 条水平分割线,启用「⬛︎ ⬛︎ ⬛︎ ⬛︎ ⬛︎ 五栏」模式
分栏语法示例
x1---
2
3- 列表 1
4- 列表项 1-1
5- 列表项 1-2
6- 列表 2
7- 列表项 2-1
Tip
在正常添加后,会自动在水平分割线处显示对应分栏数量的提示,如「⬛︎ ⬛︎ 2 Columns of List ⬛︎ ⬛︎」
列表 1
这是列表项 1-1
这是列表项 1-2
列表 2
这是列表项 2-1
这是列表项 2-2
列表 3
这是列表项 3-1
这是列表项 3-2
列表 4
这是列表项 4-1
这是列表项 4-2
列表 1
这是列表项 1-1
这是列表项 1-2
列表 2
这是列表项 2-1
这是列表项 2-2
列表 3
这是列表项 3-1
这是列表项 3-2
列表 4
这是列表项 4-1
列表 5
这是列表项 5-1
列表 1
这是列表项 1-1
这是列表项 1-2
列表 2
这是列表项 2-1
这是列表项 2-2
列表 3
这是列表项 3-1
这是列表项 3-2
列表 4
这是列表项 4-1
这是列表项 4-2
列表 5
这是列表项 5-1
列表 6
这是列表项 6-1
列表 7
这是列表项 7-1
列表 1
这是列表项 1-1
这是列表项 1-2
列表 2
这是列表项 2-1
这是列表项 2-2
列表 3
这是列表项 3-1
这是列表项 3-2
列表 4
这是列表项 4-1
这是列表项 4-2
列表 5
这是列表项 5-1
这是列表项 5-2
列表 6
这是列表项 6-1
列表 7
这是列表项 7-1
列表 8
这是列表项 8-1
列表 9
这是列表项 9-1
列表 1
这是列表项 1-1
这是列表项 1-2
列表 2
这是列表项 2-1
这是列表项 2-2
Markdown 粉Q
「希望可以对引用块以分栏方式显示,但 Markdown 标准中好像没有支持这种实用的排版方式~」
VLOOKA
T2 通过对特定组合使用的 Markdown 语法进行扩展,就可以满足你的这个灵活的排版需求!
适用范围 •••
编辑时
✓ 适用Gn导出 HTML
✓ 适用Gn
主要适用于对同类内容进行分块组织,且排版内容不适合通过列表方式进行组织的情况。
语法
在需要进行分栏排版的「引用块」前一段落添加指定数量的「水平分割线」
---
添加 1 条水平分割线,启用「⬛︎ ⬛︎ 双栏」模式
添加 2 条水平分割线,启用「⬛︎ ⬛︎ ⬛︎ 三栏」模式
添加 3 条水平分割线,启用「⬛︎ ⬛︎ ⬛︎ ⬛︎ 四栏」模式
分栏引用块语法示例
xxxxxxxxxx
71---
2
3> 引用块 1
4> 引用块 1 的内容
5
6> 引用块 2
7> 引用块 2 的内容
Tip
在正常添加后,会自动在水平分割线处显示对应分栏数量的提示,如「⬛︎ ⬛︎ 2 Columns of Quote ⬛︎ ⬛︎
分栏 1
分栏 1 的内容
分栏 2
分栏 2 的内容
双栏小标题 1
分栏 1
双栏小标题 2
分栏 2
三栏小标题 1
第 1 行第 1 栏
三栏小标题 2
第 1 行第 2 栏
三栏小标题 3
第 1 行第 2 栏
三栏小标题 4
第 1 行第 1 栏
三栏小标题 5
第 1 行第 2 栏
三栏小标题 6
第 1 行第 3 栏
四栏小标题 1
第 1 行第 1 栏
Rd!
四栏小标题 2
第 1 行第 2 栏
Gn!
四栏小标题 3
第 1 行第 3 栏
Bu!
四栏小标题 4
第 1 行第 4 栏
Pu!
引用块分栏内嵌套引用块分栏
嵌套的分栏 1(非H6)
第 1 行第 1 栏
Rd!
嵌套的分栏 2(非H6)
第 1 行第 2 栏
Gn!
嵌套的分栏 3(非H6)
第 1 行第 3 栏
Bu!
嵌套的分栏 4
第 1 行第 4 栏
Pu!
Gy
适用范围 •••
编辑时
✓ 适用Gn导出 HTML
✓ 适用Gn
支持对 GitHub Style Alert 进行分栏的方式,还是熟悉的配方,与上面的「引用块分栏」方式保持一致~
Note
备忘。突出用户在浏览时也应考虑的信息
Tip
提示。可选信息,帮助用户取得更大成功
Important
重要的。对用户成功至关重要的信息
Warning
注意。由于潜在风险,需要用户立即关注的关键内容
Caution
警告/禁止。行动的潜在负面后果
Markdown 粉Q
「文档中表格、插图、代码块等,怎么才能像 Word 那样添加题注和自动编号呢?」
VLOOKA
T2 无须任何设置,即可自动对文档中的表格、图片、代码块等内容进行统一的自动编号,编号举例: 表 1
图 2.3-2
,还可以指定具体的题注内容并实现交叉引用和跳转~
适用范围 •••
编辑时
× 不适用Gy导出 HTML
✓ 适用Gn
tab
设置题注:方式一
作为题注的内容需要独占一个段落,并设置为以下格式组合:先「斜体」,后「高亮」
对应的 Markdown 格式语法为:
*==这是题注内容==*
提示
Gn 该方式支持设置「双题注」。快捷键操作
选中内容,然后先按下 Cmd / Ctrl + i 设置为斜体,再按下 Cmd / Ctrl + ⇧ Shift + h 设置为高亮即可
设置题注:方式二
在要添加题注的内容前一段落中添加题注内容,并将其设置为
6 级
标题对应的 Markdown 格式语法为:
###### 这是题注内容
注意
Rd 该方式只支持设置「单题注」。快捷键操作
选中内容,然后先按下 Cmd / Ctrl + 6 即可
设置题注:方式三(仅图片适用)
对于图片,会优先根据 Markdown 标准语法中「图片标题」「可选子标题」生成题注。
备忘
Bu 该方式支持设置「双题注」,「可选子标题」内容即为第 2 题注。
Note
tab
双题注
第二个题注显示在表格下方,设置方式如下:
第1步 参考以上的单题注的「方式一」完成第一个题注内容;
第2步 在第一个题注内容后添加第二个题注的内容,并用英文下划线符号
_
包裹;对应的 Markdown 格式语法为:
*==这是第一个题注内容_这是第二个题注_==*
。
交叉引用
设置题注的方式一、方式二在导出 HTML 并生成的题注后,都能支持文档内、或文档间的锚点跳转(交叉引用);
当前文档交叉引用示例:
外部文档交叉引用示例:基础列格式嵌套(多行表头)
对于「方式二」的交叉引用(锚点跳转)可支持在编辑时生效。
通过「方式一」生成的题注
列 A | 列 B | 列 C | 列 D | 列 E |
---|---|---|---|---|
单元格内容 | 单元格内容 | 单元格内容 | 单元格内容 | 单元格内容 |
列 A | 列 B | 列 C | 列 D | 列 E |
---|---|---|---|---|
单元格内容 | 单元格内容 | 单元格内容 | 单元格内容 | 单元格内容 |
示例:这是第一个题注内容这是第二个题注内容
列 A | 列 B | 列 C | 列 D | 列 E |
---|---|---|---|---|
单元格内容 | 单元格内容 | 单元格内容 | 单元格内容 | 单元格内容 |
单元格内容 | 单元格内容 | 单元格内容 | 单元格内容 | 单元格内容 |
按 Markdown 的语法添加图片就可以实现,如:

单题注:以上
图片标题
部分即为「第 1 题注」的内容双题注:以上
可选子标题
即为「第 2 题注」的内容(可选)( 也支持以上设置题注的「方式一」「方式二」添加题注 )
使用以上设置题注的「方式一」「方式二」添加题注
Mermaid 图表题注示例,点这去看一看 ❯
除了支持使用以上设置题注的「方式一」「方式二」添加题注外,还支持将代码块的指定的「语言」作为题注;
例如:
Java
C++
纯文本
xxxxxxxxxx
21支持直接将代码块指定的「语言」的内容作为其题注
2可在编辑时直接编辑、预览
xxxxxxxxxx
11这是没有指定题注内容,也没有指定代码块「语言」时自动生成的题注
xxxxxxxxxx
11 ps -ef|grep zypper|grep -v ar|awk '{print $2,$3,$8,$9}'
(方式 3)斜体+高亮方式添加代码块题注最优秀的程序语言 PASCAL !不接受反驳!
xxxxxxxxxx
41Program HelloWorld(output);
2begin
3 writeln('Hello, world!')
4end
使用以上设置题注的「方式一」「方式二」添加题注
数学公式题注示例,点这去看一看 ❯
「分栏」与「页签组」是两个非常实用、适用广、互补的排版特性。
「分栏」排版能力满足在同一区域内同时展示多组信息,共享显示空间,适合内容不多的情况;
「页签组」排版能力能满足在同一区域轮换展示多组信息,独占显示空间,适合内容较多的情况。
Markdown 粉Q
「Markdown 原生不支持「页签组」排版,无法利用网页的交互特性~」
VLOOKA
T2 有了 VLOOK 后,随心指定将连续的内容(表格/插图/引用块/代码块/GitHub Style Alert )以页签组形式展示!
适用范围 •••
编辑时
× 不适用Gy导出 HTML
✓ 适用Gn
语法
在需要以页签组形式展示的连续内容中的首个内容前,添加一个空行,输入任意内容(如
tab
)后,将该内容设置为以下格式组合,并独占一行:先「斜体」,后「上标」对应的 Markdown 格式语法为:
_^tab^_
或*^tab^*
快捷键操作
选中内容,然后先按下 Cmd / Ctrl + i 设置为斜体,再按下 ⇧ Shift + 6 设置为高亮即可;
提示
Gn 在导出 HTML 后,支持通过 tab 、⇧ Shift + tab 切换不同的页签。
Important
对于连续的表格,以「页签组」形式进行呈现。
tab
表格页签 1
列 A | 列 B | 列 C | 列 E |
---|---|---|---|
表格页签 2
列 A | 列 B | 列 C |
---|---|---|
列 A | 列 B |
---|---|
对于连续的插图(包括 Mermaid 图表),以「页签组」形式进行呈现。
tab
Mermaid 图表
对于连续的带小标题的引用块,以「页签组」形式进行呈现。
tab
Markdown 是什么?
2004 年,John Gruber 创造了
Markdown,一种专门针对网络写作的
文本标记语言
。使用 Markdown,你只需在写作过程中插入少量的标记符号,就能很轻松地进行排版(例如设置标题、加粗、列表、引用块等);Markdown 文档以
纯文本格式存储
,这意味着,它们可以用几乎任一种文本编辑器打开。同时,又能通过 Markdown 编辑器导出为带排版的富文本文档、HTML 网页等等。纯粹、简洁、易用、灵活,都是人们喜欢 Markdown 的原因。Markdown Logo
Markdown 的标准化项目 (CommonMark)
目前 Markdown 的标准化项目是 CommonMark ;
标准化 CommonMark 语法参考:60 秒学会 Markdown 语法、10 分钟深入学习 Markdown
什么是 Github Flavored Markdown ?
GitHub Flavored Markdown(GFM)是一种流行的标记语言,它在标准 Markdown 基础上添加了一些额外的功能,以更好地适应 GitHub 平台的需求。这些额外功能包括任务列表(Task Lists)、自动链接、表格等;
Typora 目前主要采用该标准 详细 ❯
AsciiDoc 是什么?
AsciiDoc 是一种文本格式规范,设计初衷是为了解决写书规模的问题,是一种作为 Markdown 升级或替代的方案;
相对 Markdown 支持更多的格式,包括文档属性、设置作者、版本信息、语法高亮、表格、Include 功能等;
AsciiDoc 可以通过 AsciiDoctor 工具链转换为 HTML5、DocBook、EPUB、PDF 等多种格式;
AsciiDoctor 还提供了模板引擎和性能提升等功能,适合需要丰富格式和自定义输出的场景。
(以上信息由百度AI生成)
AsciiDoc 没有流行起来的原因是什么?
首先,学习成本较高。虽然 AsciiDoc 相比 Markdown 支持更多的格式,但这些特性也增加了其学习难度。对于简单的文档编写,AsciiDoc 的这些特性并不是必需的,而博 客等简单文档更倾向于使用学习成本较低的Markdown ;
其次,功能相对有限。尽管它支持更多的格式,但与 Markdown 相比,AsciiDoc 在特定场景下的灵活性稍显不足。Markdown 通过自行扩展语法或使用 HTML 可以实现类似的功能,而 AsciiDoc 则需要更多的自定义块语法和扩展性,这在某些情况下可能会带来不便;
最后,缺乏广泛的社区支持。虽然 AsciiDoc 在特定领域(如电子书制作)中有一定的应用,但其整体社区和用户基础相对较小,这限制了其在更广泛的应用场景中的推广和使用。
(以上信息由百度AI生成)
对于连续的代码块,以「页签组」形式进行呈现。
tab
代码块页签组示例-1
xxxxxxxxxx
31给你一个下标从 0 开始的字符串 s ,这个字符串只包含 0 到 9 的数字字符。
2如果一个字符串 t 中至多有一对相邻字符是相等的,那么称这个字符串是半重复的。
3请你返回 s 中最长 **半重复** 子字符串的长度。
xxxxxxxxxx
111输入:s = "52233"
2输出:4
3解释:最长半重复子字符串是 "5223" ,子字符串从 i = 0 开始,在 j = 3 处结束。
4
5输入:s = "5494"
6输出:4
7解释:s 就是一个半重复字符串,所以答案为 4 。
8
9输入:s = "1111111"
10输出:2
11解释:最长半重复子字符串是 "11" ,子字符串从 i = 0 开始,在 j = 1 处结束。
xxxxxxxxxx
201class Solution {
2 public int longestSemiRepetitiveSubstring(String s) {
3 int n = s.length();
4 if (n <= 2)
5 return n;
6 int[] pre = new int[50];
7 int ans = 0, k = 0; // k记录pre的长度,方便后面遍历得到ans
8 pre[0] = 1; // 循环从1开始,需要补上第一个1
9 for (int i = 1; i < n; i++) {
10 if (s.charAt(i-1) == s.charAt(i))
11 k++;
12 pre[k]++;
13 }
14
15 ans = pre[0];
16 for (int i = 1; i <= k; i++)
17 ans = Math.max(ans, pre[i-1] + pre[i]);
18 return ans;
19 }
20}
xxxxxxxxxx
131class Solution:
2 def longestSemiRepetitiveSubstring(self, s: str) -> int:
3 if len(s) <= 2:
4 return len(s)
5 pre = [1] # 循环从1开始,需要补上第一个1
6 for i in range(1, len(s)):
7 pre[len(pre)-1] += 1
8 if s[i-1] == s[i]:
9 pre.append(0)
10 ans = pre[0]
11 for i in range(1, len(pre)):
12 ans = max(ans, pre[i-1] + pre[i])
13 return ans
xxxxxxxxxx
161int longestSemiRepetitiveSubstring(char * s){
2 int pre[50] = {1};
3 int ans = 0, k = 0;
4 for (int i = 1; i < 50; i++) {
5 // 不能用sizeof(s)来得到s的长度,因此要加上这个判断
6 if (s[i] == NULL)
7 break;
8 if (s[i-1] == s[i])
9 k++;
10 pre[k]++;
11 }
12 ans = pre[0];
13 for (int i = 1; i <= k; i++)
14 ans = fmax(ans, pre[i-1] + pre[i]);
15 return ans;
16}
对于连续的 GitHub Style Alert ,以「页签组」形式进行呈现。同时页签的样式会突显其对应的类型
tab
Note
Highlights information that users should take into account, even when skimming. Learn more
Tip
Optional information to help a user be more successful. Learn more
Important
Crucial information necessary for users to succeed. Learn more
Warning
Critical content demanding immediate user attention due to potential risks. Learn more
将不同类型的内容(表格/插图/引用块/代码块/GitHub Style Alert),以「页签组」形式进行呈现。
tab
题目
给你一个下标从 0 开始的字符串 s ,这个字符串只包含 0 到 9 的数字字符。 如果一个字符串 t 中至多有一对相邻字符是相等的,那么称这个字符串是半重复的。 请你返回 s 中最长 半重复 子字符串的长度。
xxxxxxxxxx
201class Solution {
2 public int longestSemiRepetitiveSubstring(String s) {
3 int n = s.length();
4 if (n <= 2)
5 return n;
6 int[] pre = new int[50];
7 int ans = 0, k = 0; // k记录pre的长度,方便后面遍历得到ans
8 pre[0] = 1; // 循环从1开始,需要补上第一个1
9 for (int i = 1; i < n; i++) {
10 if (s.charAt(i-1) == s.charAt(i))
11 k++;
12 pre[k]++;
13 }
14
15 ans = pre[0];
16 for (int i = 1; i <= k; i++)
17 ans = Math.max(ans, pre[i-1] + pre[i]);
18 return ans;
19 }
20}
xxxxxxxxxx
131class Solution:
2 def longestSemiRepetitiveSubstring(self, s: str) -> int:
3 if len(s) <= 2:
4 return len(s)
5 pre = [1] # 循环从1开始,需要补上第一个1
6 for i in range(1, len(s)):
7 pre[len(pre)-1] += 1
8 if s[i-1] == s[i]:
9 pre.append(0)
10 ans = pre[0]
11 for i in range(1, len(pre)):
12 ans = max(ans, pre[i-1] + pre[i])
13 return ans
列 A | 列 B | 列 C | 列 E |
---|---|---|---|
Note
Highlights information that users should take into account, even when skimming. Learn more
Markdown 粉Q
「VLOOK™ 的主题支持 GitHub Style Alert 吗?(需要 Typora1.8.3+
或更高版本支持)」
VLOOKA
T2 在排版样式等方面进行适配和优化,同时支持「信息分类名称」自动匹配多语言环境。
适用范围 •••
编辑时
✓ 适用Gn导出 HTML
✓ 适用Gn
GitHub Style Alert 在文档中主要用于提示、备忘或强调关键信息时使用的排版样式,由对应信息分类的图标、名称、内容等组成。
VLOOK™ 对 GSA 的优化
提供了「常规、扁平、强调」多种样式风格,可通过 定制主题 方式进行任意指定风格;
对其内的「文本链接、按钮、高亮」的样式都适配为对应的信息分类的配色。
语法
在「引用块」内的首行输入以下任一 GitHub Style Alert 的分类信息标识即可自动识别并渲染:
[!NOTE]
[!TIP]
[!IMPORTANT]
[!WARNING]
[!CAUTION]
参考示例
xxxxxxxxxx
21> [!NOTE]
2> Highlights information that users should take into account, even when skimming.
更多 GitHub Style Alert 信详见 Typora 更新说明
Note
Highlights information that users should take into account, even when skimming. Learn more
Tip
Optional information to help a user be more successful. Learn more
Important
Crucial information necessary for users to succeed. Learn more
Warning
Critical content demanding immediate user attention due to potential risks. Learn more
Note
备忘。突出用户在浏览时也应考虑的信息。
这是引用块小标题 1
这是一个任务列表项
这是无序列表项
这是有序列表项
这是折叠分栏 1
Note 代码块
xxxxxxxxxx
11/* 代码块 */ public void hello()
Tip
提示。可选信息,帮助用户取得更大成功。
这是引用块小标题 2
这是一个任务列表项
这是无序列表项
这是有序列表项
这是折叠分栏 2
Tip 代码块
xxxxxxxxxx
11/* 代码块 */ public void hello()
Important
重要的。对用户成功至关重要的信息。
这是引用块小标题 3
这是一个任务列表项
这是无序列表项
这是有序列表项
这是折叠分栏 3
Important 代码块
xxxxxxxxxx
11/* 代码块 */ public void hello()
Warning
注意。由于潜在风险,需要用户立即关注的关键内容。
这是引用块小标题 4
这是一个任务列表项
这是无序列表项
这是有序列表项
这是折叠分栏 4
Warning 代码块
xxxxxxxxxx
11/* 代码块 */ public void hello()
Caution
警告/禁止。行动的潜在负面后果。
这是引用块小标题 5
这是一个任务列表项
这是无序列表项
这是有序列表项
这是折叠分栏 5
Caution 代码块
xxxxxxxxxx
11/* 代码块 */ public void hello()
VLOOK™ 还支持对 GitHub Style Alert 进行分栏排版
Markdown 粉Q
「用 Markdown 写文档,怎样才能通过「标签」这种比较现代的视觉元素来突出关键内容?」
VLOOKA
T2 对 Markdown 的「行内代码」内容(如 `标签`
)设置为「斜体」,即可实现好看、实用的「标签」排的版!
适用范围 •••
编辑时
✓ 适用Gn导出 HTML
✓ 适用Gn
例如这样的「单级标签」:这样的标签
Rd 或 那样的标签
Bu! 还可以是 渐变的标签
T1T2
例如这样的「多级标签」:这是标题这是内容
Bn 化学式H₂O
是水💦Se,还可以这样 已开启灯光
Gn 灯光
已关闭Gy
继续往下看看就知道这是怎么做到的~
单级标签是最基础的标签形式,没有进一步的分类或结构化,简单、易于使用,通常用来标识特定常用的信息。
例如 VIP
BnGd 待处理
Rd 需要跟进
Bu 重要
Pu!
tab
语法
将需要设置为标签的文本,先设置用代码符号
`
包裹 ,并设置为「斜体对应的 Markdown 格式语法为:
*`这是标签`*
快捷键操作
选中文本,然后先按下 Cmd / Control + i 设置为斜体,再按下 ` 则会自动包裹
tab
标签(常规风格)预置色号及示例
预置色号 | 应用场景建议 | 渲染效果 |
---|---|---|
Wn | 警告、危险、关键事项、删除 | Wn 常规风格 Wn |
Rd | : | Rd 常规风格 Rd |
Og | 提醒、注意、修复 | Og 常规风格 Og |
Ye | 关注、优化、备忘、说明 | Ye 常规风格 Ye |
Lm | 提示、参考、新增 | Lm 常规风格 Lm |
Gn | : | Gn 常规风格 Gn |
Mn | : | Mn 常规风格 Mn |
Ol | : | Ol 常规风格 Ol |
Aq | 引用块、公告 | Aq 常规风格 Aq |
Cy | : | Cy 常规风格 Cy |
Bu | 信息、资讯 | Bu 常规风格 Bu |
Se | : | Se 常规风格 Se |
La | : | La 常规风格 La |
Vn | : | Vn 常规风格 Vn |
Pu | 延伸、扩展、保留、备用 | Pu 常规风格 Pu |
Ro | 年轻、个性、女性 | Ro 常规风格 Ro |
Pk | : | Pk 常规风格 Pk |
Gd | VIP、金融、工程 | Gd 常规风格 Gd |
Bn | : | Bn 常规风格 Bn |
Gy | 无效、暂缓、停用、结束 | Gy 常规风格 Gy |
Wt | 黑白 | Wt 常规风格 Wt |
Bk | : | Bk 常规风格 Bk |
T1 | 当前 VLOOK™ 主题的主色 | T1 常规风格 T1 |
T2 | 当前 VLOOK™ 主题的辅助色 | T2 常规风格 T2 |
标签(强调风格)预置色号及示例
预置色号 | 应用场景建议 | 渲染效果 |
---|---|---|
Wn! | 警告、危险、关键事项、删除 | Wn 强调风格 Wn! WnMn 渐变风格 WnMn |
Rd! | : | Rd 强调风格 Rd! RdGn 渐变风格 RdGn |
Og! | 提醒、注意、修复 | Og 强调风格 Og! OgCy 渐变风格 OgBu |
Ye! | 关注、优化、备忘、说明 | Ye 强调风格 Ye! YeGd 渐变风格 YeAq |
Lm! | 提示、参考、新增 | Lm 强调风格 Lm! LmAq 渐变风格 LmYe |
Gn! | : | Gn 强调风格 Gn! GnRd 渐变风格 GnRd |
Mn! | : | Mn 强调风格 Mn! MnWn 渐变风格 MnAq |
Ol! | : | Ol 强调风格 Ol! OlCy 渐变风格 OlOg |
Aq! | 引用块、公告 | Aq 强调风格 Aq! AqLm 渐变风格 AqLm |
Cy! | : | Cy 强调风格 Cy! CyYe 渐变风格 CyYe |
Bu! | 信息、资讯 | Bu 强调风格 Bu! BuOl 渐变风格 BuOl |
Se! | : | Se 强调风格 Se! SeBn 渐变风格 SeOg |
La! | : | La 强调风格 La! LaYe 渐变风格 LaYe |
Vn! | : | Vn 强调风格 Vn! VnPu 渐变风格 VnRo |
Pu! | 延伸、扩展、保留、备用 | Pu 强调风格 Pu! PuVn 渐变风格 PuYe |
Ro! | 年轻、个性、女性 | Ro 强调风格 Ro! RoRd 渐变风格 RoRd |
Pk! | : | Pk 强调风格 Pk! PkGd 渐变风格 PkLm |
Gd! | VIP、金融、工程 | Gd 强调风格 Gd! GdYe 渐变风格 GdYe |
Bn! | : | Bn 强调风格 Bn! BnSe 渐变风格 BnGd |
Gy! | 无效、暂缓、停用、结束 | Gy 强调风格 Gy! GyCy 渐变风格 GyCy |
Wt! | 黑白 | Wt 强调风格 Wt! WtOg 渐变风格 WtOg |
Bk! | : | Bk 强调风格 Bk! BkOg 渐变风格 BkOg |
T1! | 当前 VLOOK™ 主题的主色 | T1 强调风格 T1! T1T2 渐变风格 T1T2 |
T2! | 当前 VLOOK™ 主题的辅助色 | T2 强调风格 T2! T2T1 渐变风格 T2T1 |
多级标签用于更复杂标签场景,一般可以将标签分为二级或三级结构。不同于单级标签的单一信息,多级标签可以体现多维度的信息。
二级结构举例 客户等级VIP
BnGd 客户等级普通客户
Gy 文档密级
公开Bu 文档密级
机密RoRd 互动类型
邮件
三级结构举例 项目阶段需求分析
可行性报告 最新版本V2.3
betaBuOg
tab
语法
先按「标签」完成设置后;
在代码符号
`
包裹的内容前面,或后面添加对应的内容即可
对应的 Markdown 格式语法为:
*第1段内容`第2段内容`第3段内容*
扩展玩法
只在单级标签的后面添加内容,则样式相当于二级多级标签的左右样式反转,举例: 前
标签-A
标签-A
后突出变量样式:对于「第 2 段内容」,支持的识别变量格式:
{{变量}}
%变量%
$变量$
${变量}
#{变量}
var(变量)
tab
多级标签预置色号示例
预置色号 | 应用场景建议 | 渲染效果 |
---|---|---|
Wn | 警告、危险、关键、删除 | 标题内容 {{变量 1}} Wn 标题内容 {{变量 1}} 渐变色WnMn |
Rd | : | 标题内容 %变量 2% Rd 标题内容 %变量 2% 渐变色RdGn |
Og | 提醒、注意、活力、修复 | 标题内容 $变量 3$ Og 标题内容 $变量 3$ 渐变色OgBu |
Ye | 关注、优化、备忘、说明 | 标题内容 ${变量 4} Ye 标题内容 ${变量 4} 渐变色YeAq |
Lm | 提示、备忘、参考、新增 | 标题内容 #{变量 5} Lm 标题内容 #{变量 5} 渐变色LmYe |
Gn | : | 标题内容 var(变量 6) Gn 标题内容 var(变量 6) 渐变色GnRd |
Mn | : | 标题标签内容 Mn 标题标签内容 渐变色MnAq |
Ol | : | 标题标签内容 Ol 标题标签内容 渐变色OlOg |
Aq | 引用块、冰凉、公告 | 标题标签内容 Aq 标题标签内容 渐变色AqLm |
Cy | : | 标题Value 1 Cy 标题Value 1 渐变色CyYe |
Bu | 信息、资讯、海洋 | 标题Value 2 Bu 标题Value 2 渐变色BuOl |
Se | : | 标题Value 3 Se 标题Value 3 渐变色SeOg |
La | : | 标题Value 4 La 标题Value 4 渐变色LaYe |
Vn | : | 标题Value 5 Vn 标题Value 5 渐变色VnRo |
Pu | 延伸、扩展、重要、保留 | 标题标签内容 Pu 标题标签内容 渐变色PuYe |
Ro | 年轻、个性、女性 | 标题标签内容 Ro 标题标签内容 渐变色RoRd |
Pk | : | 标题标签内容 Pk 标题标签内容 渐变色PkLm |
Gd | VIP、金融、工程、奖励 | 标题内容 {{变量 1}} Gd 标题内容 {{变量 1}} 渐变色GdYe |
Bn | : | 标题内容 %变量 2% Bn 标题内容 %变量 2% 渐变色BnGd |
Gy | 常规、无效、暂缓、停用 | 标题内容 $变量 3$ Gy 标题内容 $变量 3$ 渐变色GyCy |
Wt | 黑白 | 标题内容 ${变量 4} Wt 标题内容 ${变量 4} 渐变色WtOg |
Bk | : | 标题内容 ${变量 4} Bk 标题内容 ${变量 4} 渐变色BkOg |
T1 | 所选用 主题 的「主色」 | 标题内容 #{变量 5} T1 标题内容 #{变量 5} 渐变色T1T2 |
T2 | 所选用 主题 的「辅助色」 | 标题内容 var(变量 6) T2 标题内容 var(变量 6) 渐变色T2T1 |
多级标签更多示例
格式 | 渲染效果 | 更多渲染示例 |
---|---|---|
三段式 | 标题内容 1 内容 2T1 | H₂+O= H₂OBu 圆周率3.14 1592653T2 |
: | : | 化学式H₂O 是水💦Se 圆的内角和 180度Ye |
无标题(第1段) | 内容 1 内容 2Gy | 灯光 OFFGy 国庆节 10月1日Rd |
Markdown 粉Q
「希望能给标签添加超链接,方便关联与标签相关的其他文档或外部信息」
VLOOKA
T2 支持为标签添加超链接,只要选中标签后,直接按 Markdown 超链接语法进行设置即可。
适用范围 •••
编辑时
× 不适用Gy导出 HTML
✓ 适用Gn
以下是添加了超链接的标签,来试试看吧~
VIP 定制主题
BnGd VLOOK@GitHub
VLOOKGitHub
@MadMaxChowT1T2 🎁 VIP
提交我的定制需求BnGdBnGdBn
Tip
因点击「标签」是 复制标签内容,所以在导出 HTML 文件后,鼠标悬停在标签后会显示独立的打开链接的入口。
Markdown 粉Q
「用 Markdown 制作文档时,希望可以将涉及进度的信息更直观体现出来」
VLOOKA
T2 这个对于 VLOOK™ 来说真的非常 Easy,组合 Markdown「粗体、高亮」这两个标准格式就可以轻松实现
适用范围 •••
编辑时
× 不适用Gy导出 HTML
✓ 适用Gn
tab
语法
将作为进度的数值内容,设置为以下格式组合:先「粗体」,后「高亮」
对应的 Markdown 格式语法为:
**==进度数值==**
快捷键操作
选中文本,然后先按下 Cmd / Control + b 设置为粗体,再按下 Cmd / Control + ⇧ Shift + h 设置为高亮即可
支持在进度条后添加预置色号来指定颜色,不指定则默认以具体数值自动适配颜色,如下表所示:
进度值的说明
为具体数值时,直接指定固定数值,示例如下:
常规:80.5
溢出:120 -35
为
?
时,自动计算紧跟其后任务清单中所有子任务项完成进度。( 编辑时的进度为示意,实际进度以导出 HTML 后的渲染为准 )
静态进度条示例
静态进度条不同配色示例
默认自适配色号 支持指定预置色号 == -25 Wn 5.5Wn 0 Rd 10Rd 5 Og 15Og 19 Ye 20Ye 20 Lm 25Lm 39 Gn 30Gn 40 Mn 35Mn 59 Ol 40Ol 60 Aq 45Aq 79 Cy 50Cy 80 Bu 55Bu 99 Se 60Se 100 La 65La 125 Vn 70Vn - Gy 75Gy : Bk 80Bk : Pu 85Pu : Ro 90Ro : Pk 95Pk : Gd 100Gd : Bn 120Bn : T1 -35T1 : T2 0T2 Gy
自动计算任务项的完成进度示例
任务整体进度 ?
一、分析目标市场需求 ?
调查目标客户群体 ?
制定问卷调查或面对面访谈计划
收集客户对产品或服务的需求和偏好信息
研究竞争对手 ?
分析竞争对手的产品、定价策略和市场占有率
挖掘竞争对手的优势和劣势,并与自身进行比较
二、收集市场数据 ?
查阅行业报告和数据 ?
查阅行业协会发布的行业报告和统计数据
收集行业趋势和发展预测的相关信息
分析市场趋势 ?
通过数据分析工具或软件处理市场数据
发现并解释市场趋势,以指导项目决策
Gy
Markdown 粉Q
「写教程或指引类文档时,对于菜单顺序、分步操作、目录层级等内容,希望可以简单高效地进行排版」
VLOOKA
T2 这个对于 VLOOK™ 来说真的非常 Easy,组合 Markdown「斜体、高亮」这两个标准格式就可以轻松实现。
适用范围 •••
编辑时
✓ 适用Gn导出 HTML
✓ 适用Gn
语法
将作为面包屑的内容,设置为以下格式组合:先「斜体」,后「高亮」
快捷键操作
选中内容,然后先按下 Cmd / Control + i 设置为斜体,再按下 Cmd / Control + ⇧ Shift + h 设置为高亮即可
对应的 Markdown 格式语法为:
*==这是面包屑内容==*
支持对面包屑内容进行分段的符号:
>
/
\
->
→
▸
▶︎
在编辑时预览主要样式,并在导出为 HTML 后支持:
自动将「分段符号」进行样式优化
点击复制其原始的信息
Caution
整个段落内容只有面包屑的内容,则会优先被识别为「表格/插图/代码块/多媒体」等内容的题注格式;
面包屑的起始内容不能包含格式(如粗体、斜体)、文字链接。
这是描述菜单顺序的示例:菜单 > 文件 > 导出 > 导出配置,也可以根据需要为某个操作添加文字链接
这是描述分步操作的示例:登录帐号 ▸ 偏好设置 ▶︎ 修改个人信息,可以用于展示目标操作的入口引导
这是描述目录层级的示例:/根目录/子目录 1/子目录 1.1、C:\Program Files\Applications
表格内的面包屑示例
表格内的目录层级示例(非独占) | 表格内的菜单序列(独占) |
---|---|
目录:/根目录/子目录 1/子目录 1.1 | 菜单 -> 文件 → 导出 > 导出配置 |
Markdown 粉Q
「用 Markdown 制作培训类文档时,希望像刮刮卡那样将『答案』先隐藏,点击才显示」
VLOOKA
T2 这个对于 VLOOK™ 来说真的非常 Easy,组合 Markdown「斜体、粗体」这两个标准格式就可以轻松实现。
适用范围 •••
编辑时
✓ 适用Gn导出 HTML
✓ 适用Gn
语法
将需要设置为隐藏的内容,设置为以下格式组合:先「斜体」,后「粗体」
快捷键操作
选中内容,然后先按下 Cmd / Control + i 设置为斜体,再按下 Cmd / Control + b 设置为粗体即可
提示说明默认为
••••
Bk! ,若要指定只需在粗体前直接添加即可
对应的 Markdown 格式语法为:
*提示说明**被隐藏的内容***
(支持在刮刮卡后添加 预置色号 来指定颜色,不指定则默认为
Gy
)
Tip
若须修改默认色号,可通过「插件调校参数」 coating
指定。
预置色号 | 渲染效果 |
---|---|
(不指定时使用默认色号) | 这是未指定提示的刮刮卡 |
: | 最爱吃竹子的动物?熊猫 |
Rd | 坚 ␣持Rd 不 ␣懈Rd |
Og | "Good night" in Cantonese?早[zou2] 唞[tau5]Og |
Ye | 「水」的英语 Me???Meter ❌Ye Wa???Water ✅Ye |
Lm | “谢谢”在英语中怎么说?Thank youLm |
Gn | AppSecret 应用密钥cf67c3839f0214dcGn |
Aq | 太阳系第三颗行星?地球Aq |
Cy | 地球上最大洋?太平洋Cy |
Bu | 7 大洲最大的?亚洲Bu |
Se | 世界最高峰?珠穆朗玛Se |
Vn | 人体最大器官?皮肤Vn |
Pu | 最小的行星?水星Pu |
Ro | 最多岛屿的国家?瑙鲁Ro |
Pk | 哪座城市以其斜塔而闻名?比萨Pk |
Gd | 最长的河流是?尼罗河Gd |
Bn | 太阳系中最大的行星?木星Bn |
Gy | 世界上最深的海沟?马里亚纳Gy |
T1 | 地球上最大的淡水湖是?贝加尔湖T1 |
T2 | 世界上最大的陆地哺乳动物是?非洲象T2 |
Markdown 粉Q
「希望 Markdown 文档能方便添加注音(如:拼音、外文对照),这样我语言培训文档和电子书就可以更出彩了」
VLOOKA
T2 通过对 Markdown 上标语法 ^ ^
进行了扩展,轻松满足实用的「注音」排版需求!
适用范围 •••
编辑时
✓ 适用Gn导出 HTML
✓ 适用Gn
语法
在需要添加注音的任意一个字符后面进行添加对应的注音内容,并将该内容设置为以下格式组合: 先「斜体」,后「上标」
对应的 Markdown 格式语法为:
_^注音^_
tab
Important
为区分 Typora 默认使用单星号 *斜体*
标记的斜体,色号中的斜体建议用 Markdown 的另一个斜体的标记语法:下划线 _斜体_
「道dào生一,一生二,二生shēng三,三生万wàn物wùBuRoGn」── 道德经•老子
多语种的注音应用示例中/日/韩/英
分类 | 以下为 Markdown 格式的内容 | 渲染效果 |
---|---|---|
注音 | 道_^ㄉㄠ^_ 德_^ㄉㄜ^_ 经_^ㄐㄧㄥˉ^_ | 道ㄉㄠ德ㄉㄜ经ㄐㄧㄥˉ |
普通话 | 道_^dào^_ 德_^dé^_ 经_^jīng^_ | 道dào德dé经jīng |
粤语 | 道_^dou^_ 德_^däk^_ 经_^gïng^_ | 道dou德däk经gïng |
日文 | 鳥_^とり^_山_^やま^_ 明_^あきら^_ | 鳥とり山やま明あきら |
韩文 | 대_^Dae^_ 한_^Han^_ 민_^Min^_ 국_^Gug^_ | 대Dae한Han민Min국Gug |
中文注音线上释义服务
点击注音后打开「汉典」官网,显示对应的「文字」释义
Rd!
非中文注音线上翻译服务
点击注音后打开「Bing 翻译」官网,自动对注音为日文「假名」部分进行翻译
其他情况,则是对被注音的「文字」进行翻译
Bu!
适用范围 •••
编辑时
× 不适用Gy导出 HTML
✓ 适用Gn
Caution
代码式注音为旧注音语法,新建的文档不建议使用!
该特性只作为对旧有文档,或需要同时对多个字添加同一注音的支持。后续版本可能会移除对该语法的支持。
语法:
`{text}(symbol)`
text
:要添加「注音、拼音、注释」的文字
symbol
:text 对应的注音、拼音符号,或注释内容
导出 HTML 后的效果等价于 HTML 5 中 ruby、rp、rt 标签,并支持点击注音后进行在线释义或翻译。
Gy
「{道}(dào)
生一,一生二,二{生}(shēng)
三,三生{万物}(wàn wù)
」── 道德经•老子
多语种的注音应用中/日/韩/英
分类 | 以下为 Markdown 格式的内容 | 渲染效果 |
---|---|---|
注音 | `{道}(ㄉㄠˋ)` `{德}(ㄉㄜˊ)` `{经}(ㄐㄧㄥˉ)` | {道}(ㄉㄠˋ) {德}(ㄉㄜˊ) {经}(ㄐㄧㄥˉ) |
普通话 | `{道}(dào)` `{德}(dé)` `{经}(jīng)` | {道}(dào) {德}(dé) {经}(jīng) |
粤语 | `{道德经}(dou däk gïng)` | {道德经}(dou däk gïng) |
日文 | `{鳥山}(とりやま)` `{明}(あきら)` | {鳥山}(とりやま) {明}(あきら) |
韩文 | `{대 한 민 국}(Dae Han Min Gug)` | {대 한 민 국}(Dae Han Min Gug) |
中英 | `{道德经}(The Scripture of Ethics)` | {道德经}(The Scripture of Ethics) |
英中 1 | `{The Scripture}(经)` of `{Ethics}(道德)` | {The Scripture}(经) of {Ethics}(道德) |
英中 2 | `{The Scripture of Ethics}(道德经)` | {The Scripture of Ethics}(道德经) |
Note
更多脚本化图表样式,以及结合 VLOOK™ 相关的脚本编写规范内容详见《脚本化图表 for Markdown》。
Markdown 粉Q
「如果不喜欢 Mermaid 默认的样式,还希望自动适配 Dark Mode,怎么办?」
VLOOKA
T2 自动提供了深度的样式优化。
适用范围 •••
编辑时
✓ 适用Gn导出 HTML
✓ 适用Gn
统一和优化样式
流程图示例(以上的「分支流程」内容由下图进行接续)
分支流程示例(接续上图)
类图示例
针对「流程图」标记扩展
通过特定命名规范衍生出「状态机图」(PS:因为官方的状态机图还不够成熟)
更多关于标记扩展的用法说明详见这里 ❯❯
由 Mermaid 流程图语法衍生的状态图
针对「顺序图」的标记扩展
支持标记不同类型的角色(重要系统、外部系统),以呈现出不同的样
将
opt
Pualt / else
Rdloop
Cypar
Og 标签优化不同的外观样式,并根据当前浏览器的语言进行自动翻译更多关于标记扩展的用法说明详见这里 ❯❯
多种不同角色的顺序图,更清晰、更友好
关于 Mermaid 图表的题注与自动编号
适用范围 •••
编辑时
✓ 适用Gn导出 HTML
✓ 适用Gn
这是行内混排的「数学公式」
看看以上行内公式的 LaTeX 代码
数学公式的代码:
$\lim_{x \to \infty} \exp{-x} = 0$
化学公式的代码:
$\ce{CH4 + 2 $\left( \ce{O2 + 79/21 N2} \right)$}$
看看以上公式的 Gitlab / GitHub 风格代码
xxxxxxxxxx
31```math
2x = {-b \pm \sqrt{b^2-4ac} \over 2a}
3```
独占一行的公式块($$ 语法)
还可以引用块公式序号实现跳转,例如参考公式:
看看以上独占一行公式块的 LaTeX 代码
xxxxxxxxxx
101$$
2\begin{align*}
3y = y(x,t) &= A e^{i\theta} \\
4&= A (\cos \theta + i \sin \theta) \label{mymath-1}\tag{My Math - 1} \\
5&= A (\cos(kx - \omega t) + i \sin(kx - \omega t)) \\
6&= A\cos(kx - \omega t) + i A\sin(kx - \omega t) \\
7&= A\cos \Big(\frac{2\pi}{\lambda}x - \frac{2\pi v}{\lambda} t \Big) + i A\sin \Big(\frac{2\pi}{\lambda}x - \frac{2\pi v}{\lambda} t \Big) \label{mymath-2}\tag{My Math - 2} \\
8&= A\cos \frac{2\pi}{\lambda} (x - v t) + i A\sin \frac{2\pi}{\lambda} (x - v t) \label{mymath-3}\tag{My Math - 3}
9\end{align*}
10$$
标题 | 公式 | 说明 |
---|---|---|
欧拉公式 | ||
勾股定理 (毕达哥拉斯定理) | 在平面上的一个直角三角形中,两个直角边边长的平方加起来等于斜边长的平方。 如果设直角三角形的两条直角边长度分别是 | |
质能方程 | 其中, | |
爱因斯坦场方程 | 吸引你的,不是引力,而是扭曲的时空 | |
麦克斯韦方程组 | 麦克斯韦方程组(Maxwell's equations) |
关于数学公式的题注与自动编号
Markdown 粉Q
「希望 Markdown 可以嵌入主流流媒体平台的视频~」
VLOOKA
T2 为更好发挥主流流媒体平台(如:Bilibili、西瓜、YouTube)上丰富的视频资源,提供了主题样式适配和优化支持~
适用范围 •••
编辑时
✓ 适用Gn导出 HTML
✓ 适用Gn
Tip
流媒体平台的嵌入视频也支持「题注、自动编号」,方式与为「表格」进行题注与自动编号一致 … 了解详情 ❯
内嵌 B 站视频(横屏)
如何获取 B 站视频的「嵌入代码」?
( 如发现导出 HTML 后无法播放,请检查嵌入代码中的 src 内容是否没有
https:
前缀,添加后再进行尝试 )
建议设置为不启用自动播放
由于B站视频默认是自动播放的,如果希望调整,可以在添加「嵌入代码」中
src
字段末尾添加autoplay=0
,示例如下:添加「不自动播放」标识的示例
xxxxxxxxxx
11<iframe src="https://player.bilibili.com/player.html?bvid=BV1zhaiegE73&page=1&autoplay=0" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
内嵌抖音视频(竖屏)
如何获取抖音视频的「嵌入代码」?
由于抖音官方没有提供像B站的「嵌入代码」的分享方式,但可以以B站嵌入代码为模板,将里面的
src
替换为抖音视频流播放链接即可。抖音视频流播放链接中通过
vid
指定具体的视频标识,该标识可通过电脑的浏览器通过抖音首页搜索打开视频后,从地址栏复制modal_id=
后的内容。示例如下:浏览器打开抖音视频后地址栏内容
xxxxxxxxxx
11https://www.douyin.com/discover?modal_id=7365002781440085275
抖音视频「嵌入代码」示例模板
xxxxxxxxxx
11<iframe src="https://open.douyin.com/player/video?vid=7122698345268743431#portrait" scrolling="no" border="0" frameborder="0" framespacing="0" allowfullscreen="true"></iframe>
Tip
对所有流媒体平台的视频默认都以「横屏」进行显示,如希望以「竖屏」显示,只需要在视频嵌入代码中 src
内容末尾添加 #pt
即可~
内嵌西瓜视频
如何获取西瓜视频的「嵌入代码」?
内嵌腾讯视频
如何获取腾讯视频的「嵌入代码」?
内嵌 YouTube 视频(横屏)
内嵌 YouTube 视频(竖屏)
如何获取 YouTube 视频的「嵌入代码」?
Markdown 粉Q
「希望 Markdown 可以支持视频,这样我就可以制作多媒体的文档了~」
VLOOKA
T2 目前 Markdown 工具都还没有针对视频的支持,现在可以几乎「零」成本实现了!
适用范围 •••
编辑时
× 不适用Gy导出 HTML
✓ 适用Gn
语法与 Mardown 的插入图片完全一致!
语法:

语法示例:

支持的音频格式:Ogg (.ogv)、MPEG4 (.mp4)、WebM (.webm)
除视频基本的控制外,同样支持 W3C 标准的控制功能!
通过在「视频 URL」中添加 VLOOK™ 规范的参数实现,具体如下:
视频控制高级应用说明
可定制特性 | URL 参数 | 示例 |
---|---|---|
开启自动播放 | autoplay=true | |
开启循环播放 | loop=true | |
开启预加载 | preload=true | |
指定视频宽度 | width=像素数值 | 指定视频的宽度(单位:px) |
指定视频高度 | height=像素数值 | 指定视频的高度(单位:px) |
Tip
因为是与图片的语法一样,所以在视频也支持「题注、自动编号」 … 了解详情 ❯
Note
如果对「URL 参数、URL 锚点」的使用有疑问,可以去「图片地址扩展应用说明」那深入再了解了解~
Markdown 粉Q
「希望 Markdown 可以支持音频,这样我就可以制作电子有声书了~」
VLOOKA
T2 目前 Markdown 工具都还没有针对音频的支持,但现在可以几乎「零」成本实现了!
适用范围 •••
编辑时
× 不适用Gy导出 HTML
✓ 适用Gn
语法与 Mardown 的插入图片完全一致!
语法:

语法示例:

支持的音频格式:MP3 (.mp3)、Ogg (.ogg)、Wav (.wav)、M4a (.m4a)
想试试更换音频默认的界面吗?
音频默认显示为浏览器的「标准界面」,在 VLOOK™ 中还可以支持定制的「Mini 界面」,AMAZING!
通过在「音频 URL」中添加 VLOOK™ 规范的参数实现:
URL 参数:
controls=mini
参数示例:
media/whistle.mp3?controls=mini
◄ 点击播放
除音频基本的控制外,同样支持 W3C 标准的控制功能!
通过在「音频 URL」中添加 VLOOK™ 规范的参数实现,具体如下:
音频控制高级应用说明
可定制特性 | VLOOK™ 规范的 URL 参数 | 示例 |
---|---|---|
启用 Mini 模式的播放控件 | controls=mini | |
启用 播放/暂时 模式 (默认为 播放/结束) | pause=true ⚠️ 注意 Rd! 仅 Mini 模式下有效 | |
显示音频时长 | duration=true ⚠️ 注意 Rd! 仅 Mini 模式下有效 | |
开启自动播放 | autoplay=true | |
开启循环播放 | loop=true | |
开启预加载 | preload=true |
Tip
因为是与图片的语法一样,所以在音频以「标准模式」显示时,也支持「题注、自动编号」 … 了解详情 ❯
Note
如果对「URL 参数、URL 锚点」的使用有疑问,可以去「图片地址扩展应用说明」那深入再了解了解~
关于多媒体的题注与自动编号