V22.0

MadMaxChow · Jan 20, 2024 · 65ece67 · 65ece67
1 parent f0d88b9
commit 65ece67
Show file tree

Hide file tree

Showing 117 changed files with 4,609 additions and 2,589 deletions.
diff --git a/LICENSE b/LICENSE
@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2016-2021 MAX°DESIGN | Max Chow
+Copyright (c) 2016-2024 MAX°DESIGN | Max Chow
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

diff --git a/README-en.md b/README-en.md
@@ -1,4 +1,4 @@
-选择语言 ❯ [🇨🇳 **简体中文**](README.md) 
+选择语言 ❯ [🀄️ **简体中文**](README.md) 
 
 ---
 
@@ -59,7 +59,7 @@ VLOOK™ is open source software and complies with the **[MIT license](#许可
 
 ![火力全开的演示辅助～画中画、聚光灯、激光笔、表格十字光标、刮刮卡…](https://madmaxchow.github.io/VLOOK/pic/vlook-screenshot-A06.png)
 
-![还有音频、视频、标签、引用折叠、高清插图、…30+特性等你开箱即用](https://madmaxchow.github.io/VLOOK/pic/vlook-screenshot-A08.png)
+![还有音频、视频、标签、引用块折叠、高清插图、…30+特性等你开箱即用](https://madmaxchow.github.io/VLOOK/pic/vlook-screenshot-A08.png)
 
 ---
 

diff --git a/README.md b/README.md
@@ -1,4 +1,4 @@
-Select language ❯  [🇬🇧 **English**](README-en.md)
+Select language ❯  [🔠 **English**](README-en.md)
 
 
 
@@ -61,7 +61,7 @@ VLOOK™ 属于开源软件，遵从 **[MIT 许可证](#许可协议)**。
 
 ![火力全开的演示辅助～画中画、聚光灯、激光笔、表格十字光标、刮刮卡…](https://madmaxchow.github.io/VLOOK/pic/vlook-screenshot-A06.png)
 
-![还有音频、视频、标签、引用折叠、高清插图、…30+特性等你开箱即用](https://madmaxchow.github.io/VLOOK/pic/vlook-screenshot-A08.png)
+![还有音频、视频、标签、引用块折叠、高清插图、…30+特性等你开箱即用](https://madmaxchow.github.io/VLOOK/pic/vlook-screenshot-A08.png)
 
 ---
 

diff --git a/docs/basic.html b/docs/basic.html
diff --git a/docs/chart.html b/docs/chart.html
diff --git a/docs/css/vip/vlook-x-bug320.css b/docs/css/vip/vlook-x-bug320.css
diff --git a/docs/css/vip/vlook-x-dic.css b/docs/css/vip/vlook-x-dic.css
diff --git a/docs/css/vip/vlook-x-hncyit1.css b/docs/css/vip/vlook-x-hncyit1.css
diff --git a/docs/css/vip/vlook-x-hncyit2.css b/docs/css/vip/vlook-x-hncyit2.css
diff --git a/docs/css/vip/vlook-x-hncyit3.css b/docs/css/vip/vlook-x-hncyit3.css
diff --git a/docs/css/vip/vlook-x-hncyit4.css b/docs/css/vip/vlook-x-hncyit4.css
diff --git a/docs/css/vip/vlook-x-hncyit5.css b/docs/css/vip/vlook-x-hncyit5.css
diff --git a/docs/css/vip/vlook-x-hncyit6.css b/docs/css/vip/vlook-x-hncyit6.css
diff --git a/docs/css/vip/vlook-x-oldboy.css b/docs/css/vip/vlook-x-oldboy.css
diff --git a/docs/css/vip/vlook-x-qimao.css b/docs/css/vip/vlook-x-qimao.css
diff --git a/docs/css/vip/vlook-x-snow.css b/docs/css/vip/vlook-x-snow.css
diff --git a/docs/css/vip/vlook-x-vueb.css b/docs/css/vip/vlook-x-vueb.css
diff --git a/docs/css/vlook-fancy.css b/docs/css/vlook-fancy.css
diff --git a/docs/css/vlook-geek.css b/docs/css/vlook-geek.css
diff --git a/docs/css/vlook-hope.css b/docs/css/vlook-hope.css
diff --git a/docs/css/vlook-joint.css b/docs/css/vlook-joint.css
diff --git a/docs/css/vlook-owl.css b/docs/css/vlook-owl.css
diff --git a/docs/css/vlook-solaris.css b/docs/css/vlook-solaris.css
diff --git a/docs/css/vlook-thinking.css b/docs/css/vlook-thinking.css
diff --git a/docs/guide.html b/docs/guide.html
diff --git a/docs/guide2.html b/docs/guide2.html
diff --git a/docs/index-en.html b/docs/index-en.html
diff --git a/docs/index.html b/docs/index.html
diff --git a/docs/js/start.js b/docs/js/start.js
@@ -3,19 +3,20 @@
  * starter of VLOOK.js - Typora Plugin
  * (配合 vlook.js 进行使用)
  *
- * V21.1
- * 2023-12-17
+ * V22.0
+ * 2024-01-20
  * powered by MAX°孟兆
  *
  * QQ Group: 805502564
+ * Telegram Channel: t.me/vlook_markdown
  * email: [email protected]
  *
  * https://github.com/MadMaxChow/VLOOK
  * https://gitee.com/madmaxchow/VLOOK
  *
  *************************************/
 
-let sVer = "V21.1";
+let sVer = "V22.0";
 
 /**
  * 获取 URL 中的参数数组

diff --git a/docs/js/vlook-min.js b/docs/js/vlook-min.js
diff --git a/docs/js/vlook-min.js.map b/docs/js/vlook-min.js.map
diff --git a/docs/pic/feedback-via-email.svg b/docs/pic/feedback-via-email.svg
diff --git a/docs/pic/icon-doc-lib.svg b/docs/pic/icon-doc-lib.svg
diff --git a/docs/pic/icon-pic-in-pic.svg b/docs/pic/icon-pic-in-pic.svg
diff --git a/docs/pic/vlook-zoom-pic-v.png b/docs/pic/vlook-zoom-pic-v.png
diff --git a/docs/theme-fancy.html b/docs/theme-fancy.html
diff --git a/docs/theme-geek.html b/docs/theme-geek.html
diff --git a/docs/theme-hope.html b/docs/theme-hope.html
diff --git a/docs/theme-joint.html b/docs/theme-joint.html
diff --git a/docs/theme-solaris.html b/docs/theme-solaris.html
diff --git a/docs/theme-thinking.html b/docs/theme-thinking.html
diff --git a/docs/vlook-lib-en.html b/docs/vlook-lib-en.html
diff --git a/docs/vlook-lib.html b/docs/vlook-lib.html
diff --git a/released/VLOOK-Document-Template-doc_lib.md b/released/VLOOK-Document-Template-doc_lib.md
@@ -1,25 +1,25 @@
 ---
 title: 自定义导出 HTML 后的文档标题（文档库）
-welcome: 自定义文档加载过程中显示的欢迎屏信息（须在导出设置中添加对应的 head 信息，详见 VLOOK™ 快速参考手册）
+vlook-welcome: 自定义文档加载过程中显示的欢迎屏信息（须在导出设置中添加对应的 head 信息，详见 VLOOK™ 快速参考手册）
 ---
 
 
 
-> 引用小标题
+> 引用块小标题
 >
-> 这是一条普通的引用
+> 这是一条普通的引用块
 
 
 
-如果希望「引用小标题」能突出显示，只需要将该行内容加粗即可，举例如下：
+如果希望「引用块小标题」能突出显示，只需要将该行内容加粗即可，举例如下：
 
-> **引用小标题**
+> **引用块小标题**
 >
-> 这是一条普通的引用
+> 这是一条普通的引用块
 
 
 
-如果希望双栏显示「引用」，可以试试在水平分隔线 `---` 后添加引用即可，举例如下：
+如果希望双栏显示「引用块」，可以试试在水平分隔线 `---` 后添加引用块即可，举例如下：
 
 ---
 
@@ -35,7 +35,7 @@ welcome: 自定义文档加载过程中显示的欢迎屏信息（须在导出
 
 
 
-若希望「三栏引用」，则添加两条水平分隔线（最多三条，即四栏），举例如下：
+若希望「三栏引用块」，则添加两条水平分隔线（最多三条，即四栏），举例如下：
 
 ---
 
@@ -79,6 +79,7 @@ welcome: 自定义文档加载过程中显示的欢迎屏信息（须在导出
 
 > **其他参考模板**
 >
-> - [标准模板（VLOOK-Document-Template.md）](VLOOK-Document-Template.md?mdx=off)
-> - [无封面模板（VLOOK-Document-Template-nocover.md）](VLOOK-Document-Template-nocover.md?mdx=off)
-> - [文库（VLOOK-Document-Template-doc_lib.md）](VLOOK-Document-Template-doc_lib.md?mdx=off)
+> - VLOOK™ 参考手册的 md 源文件，位于目录 `released\demo` 下
+> - [标准模板（VLOOK-Document-Template.md）](VLOOK-Document-Template.md?xmd=off)
+> - [无封面模板（VLOOK-Document-Template-nocover.md）](VLOOK-Document-Template-nocover.md?xmd=off)
+> - [文库（VLOOK-Document-Template-doc_lib.md）](VLOOK-Document-Template-doc_lib.md?xmd=off)
diff --git a/released/VLOOK-Document-Template-nocover.md b/released/VLOOK-Document-Template-nocover.md
@@ -1,13 +1,13 @@
 ---
 title: 自定义导出 HTML 后的文档标题（无封面）
-welcome: 自定义文档加载过程中显示的欢迎屏信息（须在导出设置中添加对应的 head 信息，详见 VLOOK™ 快速参考手册）
+vlook-welcome: 自定义文档加载过程中显示的欢迎屏信息（须在导出设置中添加对应的 head 信息，详见 VLOOK™ 快速参考手册）
 ---
 
 [TOC]
 
 # 注意事项
 
-切记～先在 Typora 的「主题」菜单中，选择 VLOOK™ 的主题（所有以`Vlook {XX名称}`形式命名的主题）。
+切记～先在 Typora 的「主题」菜单中，选择 VLOOK™ 的主题（所有以 `Vlook {XX名称}` 形式命名的主题）。
 
 # 你可以从这里开始 Markdown 之旅了
 
@@ -17,9 +17,10 @@ welcome: 自定义文档加载过程中显示的欢迎屏信息（须在导出
 
 # 其他参考模板
 
-- [标准模板（VLOOK-Document-Template.md）](VLOOK-Document-Template.md?mdx=off)
-- [无封面模板（VLOOK-Document-Template-nocover.md）](VLOOK-Document-Template-nocover.md?mdx=off)
-- [文库（VLOOK-Document-Template-doc_lib.md）](VLOOK-Document-Template-doc_lib.md?mdx=off)
+- VLOOK™ 参考手册的 md 源文件，位于目录 `released\demo` 下
+- [标准模板（VLOOK-Document-Template.md）](VLOOK-Document-Template.md?xmd=off)
+- [无封面模板（VLOOK-Document-Template-nocover.md）](VLOOK-Document-Template-nocover.md?xmd=off)
+- [文库（VLOOK-Document-Template-doc_lib.md）](VLOOK-Document-Template-doc_lib.md?xmd=off)
 
 # 希望为文档添加封面、封底？
 

diff --git a/released/VLOOK-Document-Template.md b/released/VLOOK-Document-Template.md
@@ -1,6 +1,6 @@
 ---
 title: 自定义导出 HTML 后的文档标题
-welcome: 自定义文档加载过程中显示的欢迎屏信息（须在导出设置中添加对应的 head 信息，详见 VLOOK™ 快速参考手册）
+vlook-welcome: 自定义文档加载过程中显示的欢迎屏信息（须在导出设置中添加对应的 head 信息，详见 VLOOK™ 快速参考手册）
 vlook-doc-lib: VLOOK-Document-Template-doc_lib.html
 ---
 
@@ -32,9 +32,10 @@ vlook-doc-lib: VLOOK-Document-Template-doc_lib.html
 
 ## 其他参考模板
 
-- [标准模板（VLOOK-Document-Template.md）](VLOOK-Document-Template.md?mdx=off)
-- [无封面模板（VLOOK-Document-Template-nocover.md）](VLOOK-Document-Template-nocover.md?mdx=off)
-- [文库（VLOOK-Document-Template-doc_lib.md）](VLOOK-Document-Template-doc_lib.md?mdx=off)
+- VLOOK™ 参考手册的 md 源文件，位于目录 `released\demo` 下
+- [标准模板（VLOOK-Document-Template.md）](VLOOK-Document-Template.md?xmd=off)
+- [无封面模板（VLOOK-Document-Template-nocover.md）](VLOOK-Document-Template-nocover.md?xmd=off)
+- [文库（VLOOK-Document-Template-doc_lib.md）](VLOOK-Document-Template-doc_lib.md?xmd=off)
 
 # 关于的封面、封底
 

diff --git a/released/demo/chart.md b/released/demo/chart.md
@@ -1,17 +1,19 @@
 ---
 title: Markdown 脚本化图表参考指南 - VLOOK™ - Markdown 编辑器 Typora 的主题包和增强插件
 author: MAX°孟兆
+description: 关于 VLOOK™ 对 Mermaid 的脚本化图表支持与增强
+"og:description": 关于 VLOOK™ 对 Mermaid 的脚本化图表支持与增强
+"og:image": https://madmaxchow.gitee.io/vlookres/pic/vlook-og.png
 keywords:
 - Markdown,Typora,VLOOK,Plugin,插件,主题包,自动排版,跨平台,i18n,开源,MIT,开源中国,OSC,编辑推荐
 - 表格增强,单元格合并,行分组,表格阅读模式,表格十字光标,重复表头,刮刮卡,黑幕,标签,图片增强,演示辅助,聚光灯,激光笔,自动折叠,Mermaid,音频,视频,注音,主题,字体,模板,深色模式,Dark Mode,封面,封底,私人定制
 - PRD,设计,需求,文档,博客,手册,指南,在线,运维,知识库,WIKI
 - 产品经理,程序员,运维工程师,售前,售后
 vlook-chp-autonum: h1{{#ALPHA#. }},h2{{#00#-sup# - }},h3{{#ROMAN-min# - }}
-vlook-query: el=2&ws=auto
 vlook-doc-lib: vlook-lib.html
 ---
 
-###### ~VLOOK™~<br>让你的 Markdown 有了新看^[wán]^法<br>──<br><u>脚本化图表参考指南</u><br>`#最新版本|V21.1#`<br><br><br>**MAX°孟兆**<br>*COPYRIGHT © 2016-2023. MAX°DESIGN.*
+###### ~VLOOK™~<br>让你的 Markdown 有了新看^[wán]^法<br>──<br><u>脚本化图表参考指南</u><br>`#最新版本|V22.0#`<br><br><br>**MAX°孟兆**<br>*COPYRIGHT © 2016-2024. MAX°DESIGN.*
 
 [TOC]
 
@@ -25,16 +27,20 @@ Mermaid 是一个用于画流程图、状态机图、顺序图、甘特图的库
 
 # 关于 Markdown
 
-###### Markdown 是什么？
-
-- 2004 年，[John Gruber](https://en.wikipedia.org/wiki/John_Gruber) 创造了 [![Markdown](https://madmaxchow.gitee.io/vlookres/pic/markdown-mark-solid.svg?fill=text#icon) Markdown](https://zh.wikipedia.org/wiki/Markdown)，一种专门针对网络写作的 `文本标记语言`。使用 Markdown，你只需在写作过程中插入少量的标记符号，就能很轻松地进行排版（例如设置标题、加粗、列表、引用等）；
-- Markdown 文档以 `纯文本格式存储`，这意味着，它们可以用几乎任一种文本编辑器打开。同时，又能通过 Markdown 编辑器导出为带排版的富文本文档、HTML 网页等等。==纯粹、简洁、易用、灵活==，都是人们喜欢 Markdown 的原因；
-- 目前 Markdown 的标准化项目是 [CommonMark](http://commonmark.org)。
+---
 
-###### Markdown 语法参考：
+> ###### ![Markdown](pic/markdown-mark-solid.svg?fill=text#icon) Markdown 是什么？
+>
+> - 2004 年，[John Gruber](https://en.wikipedia.org/wiki/John_Gruber) 创造了 [![Markdown](pic/markdown-mark-solid.svg?fill=text#icon) Markdown](https://zh.wikipedia.org/wiki/Markdown)，一种专门针对网络写作的 `文本标记语言` 。使用 Markdown，你只需在写作过程中插入少量的标记符号，就能很轻松地进行排版（例如设置标题、加粗、列表、引用块等）；
+> - Markdown 文档以 `纯文本格式存储` ，这意味着，它们可以用几乎任一种文本编辑器打开。同时，又能通过 Markdown 编辑器导出为带排版的富文本文档、HTML 网页等等。==纯粹、简洁、易用、灵活==，都是人们喜欢 Markdown 的原因；
+> - 目前 Markdown 的标准化项目是 [CommonMark](http://commonmark.org)。
+> 
+> ![Markdown](pic/markdown-mark.svg?fill=text#logo)
 
-- `#推荐#` **Github Flavored Markdown** (GFM) 语法参考：Typora 目前采用该标准 - [详情](https://support.typora.io/Markdown-Reference/)；
-- 标准化 **CommonMark** 语法参考：[60 秒学会 Markdown 语法](http://commonmark.org/help/)、[10 分钟深入学习 Markdown](http://commonmark.org/help/tutorial/)。
+> ###### 60 秒学会、10 分钟深入学习 Markdown 语法
+>
+> 1. `#推荐#` **Github Flavored Markdown** (GFM) 语法参考：Typora 目前采用该标准 [详细](https://support.typora.io/Markdown-Reference/)；
+> 2. 标准化 **CommonMark** 语法参考：[60 秒学会 Markdown 语法](http://commonmark.org/help/)、[10 分钟深入学习 Markdown](http://commonmark.org/help/tutorial/)。
 
 # 建模类图表
 
@@ -224,7 +230,6 @@ END([结束])
 ```mermaid
 sequenceDiagram
 %% 设置显示消息的自动编号
-autonumber
 
 actor User as 人物角色
 actor Client as 前端触点
@@ -270,7 +275,6 @@ end
 > ```mermaid
 > sequenceDiagram
 > %% 设置显示消息的自动编号
-> autonumber
 > 
 > actor User as 人物角色
 > actor Client as 前端触点
@@ -283,9 +287,9 @@ end
 > and
 > 	User -x Client: 平行发送消息2
 > and
->   Client -)+ Server: 平行发送消息3
+> Client -)+ Server: 平行发送消息3
 >   Server --)- Client: 发送消息
-> end
+>   end
 > 
 > %% 设置区域高亮
 > rect rgba(128, 128, 128, 0.3)
@@ -1706,6 +1710,19 @@ timeline
 > ````
 > [<kbd>更多官方教程 ![](pic/icon-forward.svg?fill=text#icon0)</kbd>](https://mermaid.js.org/syntax/timeline.html)
 
+## XY 图
+
+```mermaid
+xychart-beta
+    title "Sales Revenue"
+    x-axis [jan, feb, mar, apr, may, jun, jul, aug, sep, oct, nov, dec]
+    y-axis "Revenue (in $)" 4000 --> 11000
+    bar [5000, 6000, 7500, 8200, 9500, 10500, 11000, 10200, 9200, 8500, 7000, 6000]
+    line [5000, 6000, 7500, 8200, 9500, 10500, 11000, 10200, 9200, 8500, 7000, 6000]
+```
+
+
+
 ## 饼图
 
 *==Q3 2019 中国线上智能手机市场主要品牌市场份额_数据来自：互联网_==*