跳至主要內容

README

LincZero大约 28 分钟

README

General (通用)

Chinese problem (中文语言问题和网站访问问题)

  • 语言问题：文档是多语言的（zh/en），不用担心
  • 访问失败/被墙：本文的默认网站链接指向 github.io，如果国内有不能访问的朋友，将网站链接部分的 linczero.github.io 替换成 linczero-github-io.pages.dev 就可以了

Related links：(tutorial、use skill、contribution、secondary development)

Effects warrior (效果展示)

（推荐使用暗黑模式进行查看）

下面在展示中，会使用标签页将几个版本进行对照。以便来回查看以体会用法和语法：

en
  • Plugin effect
    • Effect: It is the result of the actual rendering after using the plugin, not the screenshot
    • It will show: Plugin real effect
  • No plugin effect
    • Effect: Render the result after you close the plugin
    • It will show: The plugin syntax is almost non-intrusive, and in a plugin-free environment, md documents remain elegantly readable rather than becoming code boxes
  • Md source code
    • Effect: Open with Notepad/See the result in Ob's source mode
    • It will show: Convenient for you to see how this effect is written, showing the elegant and efficient plugin syntax

list2table (列表转多叉表格)

This table, I call a multiWay table/multiCross table/Cross table (这种表格我命名为 多叉表格/跨行表格)

It is characterized by multi-tree structure, The table allows cross rows. (特点是结构就像 多叉树 一样，表格允许换行)

Allows cells to cross rows and inline styles、'|' grammar candy (允许单元格跨行、内嵌样式、"|"语法糖)

md-demo Describe common angiosperms and gymnosperms (描述一下常见被子植物与裸子植物)

Plugin effect (插件效果)

Gymnosperm
裸子植物

Cypress
松树

Chinese pine
油松

Buddhist pine
罗汉松

masson pine
马尾松

Pinus koraiensis
红松

Ginkgo
柏树

(This is just a style test)
(这 仅仅 是 一个 样式 测试)

Angiosperms
银杏

Angiosperm
被子植物

Sunflower
向日葵

Lotus
荷花

Chrysanthemum
菊花

Chamomile
甘菊

Allow rotation table (允许旋转/转置表格）

(DEV TODO: 目前是纯css实现，间距不理想，且如果复杂的会有bug (如多叉时)，等待通过js手段真正意义上实现)

This is a comparison table between Chinese and English (这是一个中英对照表)

Plugin effect (插件效果)

Cypress

松树

Ginkgo

柏树

Angiosperms

银杏

Sunflower

向日葵

Lotus

荷花

Chrysanthemum

菊花

Allows other blocks to be embedded、Allows tabel header (允许内嵌其他块、允许表头)

Describe print statements for various common programming languages (描述一下各种常见编程语言的打印语句)

Plugin effect (插件效果)

Language
语言

Print statement
打印语句

characteristic
特点

Java

System.out.
println("Hello World");

This sentence is a little long
这语句有点长

C

printf("Hello World");

The raw C output
原始的C输出

C++

std::cout<<"Hello Wrold";
// <<std::end;

Stream output, but this thing has a high performance overhead
流输出，但是这东西开销大

  • newline：<<std::end;
  • 换行: <<std::end;

Python

print("Hello World")

Note that Python2 and Python3 have different print statements
需要注意一下Python2和Python3的打印语句不同

python2python3
print ""print("")

JavaScript

console.log("Hello World");

Console printing
控制台打印

It makes it look like a list instead of a table (可以让他看起来像列表而不是表格)

Plugin effect (插件效果)

A1

B1

B2

A2

B1

B2

C1

C2

D1

B3

A3

B1

B2

or

Plugin effect (插件效果)

A1

  • B1
  • B2

A2

  • B1
  • B2
    • C1
    • C2
      • D1
  • B3

A3

  • B1
  • B2

list2listTable (列表转列表格)

This table, I call a ListTable/TreeTable/TreeGrid (这种表格我命名为 列表格/树形表格)

The characteristic is that it basically conforms to multi-tree, but each tree node allows annotations. (特点是基本符合多叉树，但每个树节点允许存在注释)

When used to represent a file directory, it is also called a CatalogTable (当用于表示文件目录时，也叫 目录表)

Allow Folding (允许折叠)

md-demo This is the hierarchy of a certain company (这是某个公司的层次结构)

You can click on the row with the arrow and fold it (你可以点击有箭头的行，进行折叠)

（DEV TODO：fix bug：多行时，折叠功能似乎存在问题）

Plugin effect (插件效果)

Company name
公司名

Superior section
上级部门

Principal
负责人

Phone
电话

ABC head office

Shanghai branch

ABC head office

ZhangSan

13&xxxxxxxx

Marketing section

Shanghai branch

LiSi

selffathermother
201xxxxx202xxxxx203xxxxx

Marketing Division 1

Marketing Division 2

Sales section

Shanghai branch

WangWu

15&xxxxxxxx

Beijing branch

ABC head office

ChenLiu

16&xxxxxxxx

Technical division

Beijing branch

OuYang

17&xxxxxxxx

Finance

Beijing branch

HuangPu

18&xxxxxxxx

It makes it look like a list instead of a table (可以让他看起来像列表而不是表格)

This is also called "optimizing list" (这也叫优化列表)

The essence is "listtable" based on the addition of a mock list style (本质是 "列表格" 的基础上增加仿列表样式)

Plugin effect (插件效果)

vue-demo/

build/

项目构建(webpack)相关代码

config/

配置目录，包括端口号等。我们初学可以使用默认的

node_modules/

npm 加载的项目依赖模块

src/

这里是我们要开发的目录

assets/

放置一些图片，如logo等

components

目录里面放了一个组件文件，可以不用

App.vue

项目入口文件，我们也可以直接将组件写这里，而不使用 components 目录

main.js

项目的核心文件。

static/

静态资源目录，如图片、字体等

test/

初始测试目录，可删除

.eslintignore

.gitignore

git配置

.index.html

首页入口文件，你可以添加一些 meta 信息或统计代码啥的

package.json

项目配置文件

READED.md

项目的说明文档，markdown 格式
手动换行测试
自动换行测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试k

...

Allow presentation a file directory (允许表示为文件目录)

The essence is "listtable" based on the addition of imitation directory style (本质是"列表格"的基础上增加仿目录样式)

Plugin effect (插件效果)

vue-demo

build

项目构建(webpack)相关代码

config

配置目录，包括端口号等。我们初学可以使用默认的

node_modules

npm 加载的项目依赖模块

src

这里是我们要开发的目录

assets

放置一些图片，如logo等

components

目录里面放了一个组件文件，可以不用

App.vue

项目入口文件，我们也可以直接将组件写这里，而不使用 components 目录

main.js

项目的核心文件。

static

静态资源目录，如图片、字体等

test

初始测试目录，可删除

.eslintignore

.gitignore

git配置

.index.html

首页入口文件，你可以添加一些 meta 信息或统计代码啥的

package.json

项目配置文件

READED.md

项目的说明文档，markdown 格式
手动换行测试
自动换行测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试k

...

Ascii Tree

Plugin effect (插件效果)
vue-demo/
├─ build/
├─ config/
├─ src/
|  ├─ assets/
|  |  └─ a/
|  |     └─ b
|  └─ components
├─ .babelrc
├─ .editorconfig
└─ ...

WBS (Work Breakdown Structure, 工作分解结构)

Plugin effect (插件效果)

list2ut (列表转数据表格)

This table, I call a DataTable (这种表格我命名为 数据表格)

The feature is that cells are not allowed to cross rows or columns (特点是单元格不允许跨行或跨列)

Allow filter sorting and other operations, but developing (允许筛选排序等操作，但该功能开发中)

描述一下你对下面各种水果的看法

Plugin effect (插件效果)

水果

颜色

英文

苹果

红色

apple

香蕉

黄色

banana

橘子

橙色

orange

Another way to write it (另一种写法)

或者（该功能未完善，等待后续开发）

demo 另一种写法

Plugin effect (插件效果)

苹果

颜色: 红色

英文: apple

香蕉

颜色: 黄色

英文: banana

橘子

颜色: 橙色

英文: orange

Lists above level 2 are considered part of the content (二级以上的列表视为内容的一部分)

该模式下只能用二层列表01

多了无效1

  • 多了无效11
  • 多了无效12

多了无效2

  • 多了视为内容21

  • kll (这里有bug，没缩进)

  • 多了视为内容22

该模式下只能用二层列表02

List2tctable (列表转两列表格)

This table, I call a Two-column table (这种表格我命名为 两列表格)

The feature is that the table does not allow cross-row and cross-column, and only two columns (特点是表格不允许跨行和跨列，且只有两列)

timeline (时间线)

Can be used as a timeline, but developing (可以当时间线使用, 但开发中)

@todo 这里样式可以再优化一下，目前看起来是和2ut的效果一样的

@attension 这里在渲染模式可能与table-extended插件冲突

Plugin effect (插件效果)

1840-06

英军发动鸦片战争

1842-08

清政府与英国签订《南京条约》:

  1. 中国割让香港岛给英国;
  2. 赔款洋银2100万元;
  3. 开放广州、厦门、福州、宁波、上海五处为通商口岸;
Note

《南京条约》影响

  1. 中国近代史上第一个不平等条约，给中国人民带来深重的灾难，开创了列强以条约形式侵略和奴役中国的恶例;
  2. 中国的国家主权和领土完整遭到破坏，逐步沦为半殖民地半封建社会;
  3. 中国社会的主要矛盾由地主阶级与农民阶级的矛盾，演变为帝国主义和中华民族的矛盾（主要矛盾)、封建主义和人民大众的矛盾;
  4. 反侵略反封建成为中国人民肩负的两大历史任务;
  5. 中国逐渐开始了反帝反封建的资产阶级民主革命。

1841-05

三元里人民的抗英斗争，是中国近代史上中国人民第一次大规模的反侵略武装斗争。

1851-01

洪秀全金田村发动起义，建号太平天国。1853年3月，占领南京,定为首都,改名天京，正式宜告太平天国农民政权的建立。颁布《天朝天亩制度》、天平军北伐

Tabs (标签页)

Can be used as a TAB page, but developing

可以点击标签栏切换

How to install python on each platform (python在各平台上的安装方法)：

Plugin effect (插件效果)
  • 可以通过执行以下命令在终端中使用 apt 包安装程序：
    apt-get install python3.6

Card (卡片)

Plugin effect (插件效果)

card1

card1_item
1+1=21+1=2

card2

card2_item

var a = 1

card3

card3_item Bold italics highlight delete

  • list1
  • list2
  • list3

list2pic 转图像

to flow (转mermaid流程图)

（补充：其本质是转化为 graph TB 语法open in new window.所以除了常规操作，你还可以进行一些其他操作： 例如指定别名、进行树结构以外的连接）

demo：描述一下树设计的脑图

Plugin effect (插件效果)

to pumlMindmap (转plantuml思维导图)

推荐轻量级使用 (不内嵌md)

Plugin effect (插件效果)

to nodes (转节点树图，AnyBlock版思维导图)

Plugin effect (插件效果)

Links

Related Projects

test 1-1-3 test inline wrap

coc-markmap for Neovim

markmap-vscode for VSCode

eaf-markmap for Emacs

Features

Lists

strong del italic highlight

inline code

[x] checkbox

Katex: x=−b±b2−4ac2ax = {-b \pm \sqrt{b^2-4ac} \over 2a}

Katex_mutilLine:

x=−b±b2−4ac2a x = {-b \pm \sqrt{b^2-4ac} \over 2a}

More Katex Examples

Note

Now we can wrap very very very very long text based on maxWidth option

Blocks

console.log("hello, JavaScript")
ProductsPrice
Apple4
Banana2

min 样式，更紧凑、样式上也更像 markmap

  • 差异问题：由于非svg而是div，根据平台的不同可能会有微小差异引起的问题。普通版的有差异问题不大，但min样式的细小差异可能影响较大
  • 差异因素：例如像box-sizing的默认策略，例如高度除以2向哪取整数
  • 差异修复：关于小数的问题：之前试过手动指定取整范围，但也无法保证。可能可以用“小圆点”来使视觉差异减少。另一个方法是用高度差计算，而不应该用 height/2或calc(50%) 这一类来计算，后期有空再改
  • 差异适配：当前主要面对obsidian和vuepress-theme-hope做适配，对ob的适配也是最好的
Plugin effect (插件效果)

Links

Test

Test2

Related Projects

test 1-1-3 test inline wrap

coc-markmap for Neovim

markmap-vscode for VSCode

eaf-markmap for Emacs

Features

Lists

Inline

strong del italic highlight

inline code

[x] checkbox

katex

Katex: x=−b±b2−4ac2ax = {-b \pm \sqrt{b^2-4ac} \over 2a}

More Katex Examples

loogTest

loogTest

Now we can wrap very very very very long text based on maxWidth option

Blocks

console.log("hello, JavaScript")
ProductsPrice
Apple4
Banana2

to markmap (转markmap思维导图)

推荐需要内嵌md时使用

Plugin effect (插件效果)

to mermaid mindmap (转mermaid思维导图)

（由于ob的mermaid版本较低，没有mindmap，所以这里插件内置了一个新的mermaid） （当然缺点是：插件大小从200KB变为了9MB多，等到ob更新mermaid版本我会将插件内置的那份给去除掉的）

很多符号限制，而且样式我觉得一般。这是旧版anyblock中所使用到的思维导图，最新版本个人不再推荐使用

这里我就直接使用mermaid官方给的例子了:

Plugin effect (插件效果)

Other (其他)

加列表根

如果列表有root，我们可以写列表时将root省略掉，在头部信息中加上。 在转流程图和思维导图时该技巧很好用

例如：

Plugin effect (插件效果)
  • 树结构
    • 基本术语
      • A
      • B
      • C
    • 性质
    • 基本运算
    • 二叉树

json

More (更多)

en
  • There are dozens of different processors, not given here, that can be self-explored:
  • Older documentation for V2 contains more information about the processor: https://linczero.github.io/MdNote_Public/ProductDoc/AnyBlock/v2%20old%20docs/
  • You can install 'Any Block' in Ob and open the plug-in's Settings panel to see all supported processors (Except for the new processor and mdit instructions that are not added in the new version, the instructions in the old version are actually more complete)
  • After installation in Obsidian, you can also view all supported processors through the '[info]' processor

Selector (选择器)

en

This part is very important! Recommended to finish!

url: Selector