Md与元数据原理
Md与元数据原理
目录
Md与元数据原理
参考:
AST (Abstract Syntax Tree,抽象语法树)
参考:
(详见 Computer > 编译原理 > AST 笔记)
Md解析原理(Lute工具)
参考:Markdown 解析原理详解和 Markdown AST 描述
这篇文章中涉及的开源项目
- CommonMark Spec
- Lute 一款对中文语境优化的 Markdown 引擎,支持 Go 和 JavaScript
- Vditor 一款浏览器端的 Markdown 编辑器,支持所见即所得、即时渲染(类似 Typora)和分屏预览模式
编译原理
我们通过编译原理实现了 Lute ,大致步骤是 ① 预处理、② 词法分析、③ 语法分析、④ 代码生成 这几个步骤。
解析
Lute 的使用
// Markdown 将 markdown 文本字节数组处理为相应的 html 字节数组。
// name 参数仅用于标识文本,比如可传入 id 或者标题,也可以传入 ""。
func (lute *Lute) Markdown(name string, markdown []byte) (html []byte) {
tree := parse.Parse(name, markdown, lute.Options)
renderer := render.NewHtmlRenderer(tree)
html = renderer.Render()
return
}
解析过程用于从 Markdown 原文构造抽象语法树。
// Parse 会将 markdown 原始文本字节数组解析为一颗语法树。
func Parse(name string, markdown []byte, options *Options) (tree *Tree) {
tree = &Tree{Name: name, Context: &Context{Option: options}}
tree.Context.Tree = tree
tree.lexer = lex.NewLexer(markdown)
tree.Root = &ast.Node{Type: ast.NodeDocument}
tree.parseBlocks()
tree.parseInlines()
tree.lexer = nil
return
}
代码结构方面我们分为两部分:解析和渲染
- 渲染过程将遍历语法树生成 HTML 代码,本文略过
- 解析过程下面我们将着重介绍,从预处理阶段开始
① 预处理
预处理阶段主要是将输入的 Markdown 文本字节数组结尾添加换行符 \n
,以方便后续解析可以统一按行读取。
// NewLexer 创建一个词法分析器。
func NewLexer(input []byte) (ret *Lexer) {
ret = &Lexer{}
ret.input = input
ret.length = len(input)
if 0 < ret.length && ItemNewline != ret.input[ret.length-1] {
// 以 \n 结尾预处理
ret.input = append(ret.input, ItemNewline)
ret.length++
}
return
}
② 词法分析
词法分析的目的是将 Markdown 文本转换为 token 数组。标准的编译原理中词法分析产生的 token 将带有如下这样一些属性:
- 类型(token type),比如标识符、操作符、数字、字符等
- 词素(lexeme),原始的文本字节数组
- 位置(pos),该 token 的第一个字节相对于整个文本字节数组的下标
Markdown 的词法分析进行了简化,仅返回词素作为 token,因为:
- Markdown 解析不需要类型信息,使用的标记符(比如
#
、*
等)本身就是 token 类型和词素 - 大部分场景下的 Markdown 解析不需要实现源码映射
- 提升性能
另外,编译原理教科书中是将词法分析和语法分析完全分开介绍的,即词法分析器产生 token 数组后作为参数传入语法分析器,而实际工程上因为性能考虑,是在语法分析中调用词法分析来按需获得 token 数组,这样可以减少内存分配。
Markdown 词法分析的具体实现是按行进行处理的,每次处理后词法分析器会记录当前读取位置,以便下次继续按行处理。
// Lexer 描述了词法分析器结构。
type Lexer struct {
input []byte // 输入的文本字节数组
length int // 输入的文本字节数组的长度
offset int // 当前读取字节位置
width int // 最新一个字符的长度(字节数)
}
// NextLine 返回下一行。
func (l *Lexer) NextLine() (ret []byte) {
if l.offset >= l.length {
return
}
var b, nb byte
i := l.offset
for ; i < l.length; i += l.width {
b = l.input[i]
if ItemNewline == b {
i++
break
} else if ItemCarriageReturn == b {
// 处理 \r
if i < l.length-1 {
nb = l.input[i+1]
if ItemNewline == nb {
l.input = append(l.input[:i], l.input[i+1:]...) // 移除 \r,依靠下一个的 \n 切行
l.length-- // 重新计算总长
}
}
i++
break
} else if '\u0000' == b {
// 将 \u0000 替换为 \uFFFD
l.input = append(l.input, 0, 0)
copy(l.input[i+2:], l.input[i:])
// \uFFFD 的 UTF-8 编码为 \xEF\xBF\xBD 共三个字节
l.input[i], l.input[i+1], l.input[i+2] = '\xEF', '\xBF', '\xBD'
l.length += 2 // 重新计算总长
l.width = 3
continue
}
if utf8.RuneSelf <= b { // 说明占用多个字节
_, l.width = utf8.DecodeRune(l.input[i:])
} else {
l.width = 1
}
}
ret = l.input[l.offset:i]
l.offset = i
return
}
③ 语法分析
CommonMark 规范中介绍了一种解析算法,分为两个阶段:
- 构造所有块级节点,包括标题、块引用、代码块、分隔线、列表、段落等,还需要构造好链接引用定义映射表
- 遍历每个块级节点,构造行级节点,包括文本、链接、强调、加粗等,链接的处理可能会需要查找步骤 1 中构造好的链接引用定义映射表
关于 CommonMark 规范的一些实现细节可参考我之前的笔记(CommonMark 规范要点解读、Lute 实现后记),这里就不展开了,如果感兴趣欢迎跟帖讨论。
④ 代码生成
抽象语法树
Markdown 抽象语法树是由节点构成的树,从包含关系来说节点可以分为四类:
- 根节点,可以包含所有其他任意节点
- 块级容器节点,可以包含非根节点的其他任意节点,比如列表项包含段落
- 块级节点,可以包含行级节点,比如段落包含强调
- 行级节点,可以包含行级节点,比如强调包含文本
我们在实现 Lute 时做了“最细粒度”的节点结构,比如对于超链接 [foo](bar)
形成的节点结构包含了左方括号 [
、链接文本 foo
、右方括号 ]
、左圆括号 (
、链接地址 bar
和右圆括号 )
。这样做的优点是方便处理细致的节点操作,缺点是性能稍差,因为需要构造和遍历更多的节点。
如果你想看到较粗粒度的语法树,可以通过 Vditor Markdown 编辑器的开发者工具来查看,请到此进行测试(点击编辑器工具栏上的“开发者工具”按钮就可以看到根据输入进行实时渲染的语法树了)。
下面我们按 Lute 源码中的节点类型常量顺序来逐一描述。
元数据 (Metadata) / 前辅文 (Front Matter)
元数据 (Metadata)也叫 MdMeta 或 frontmatter(前辅文、前页)
这是给诸如 Jekyll
这类静态页面生成器 (SSG) 用的
程序可以抽取 Markdown 文件中 frontmatter——就是你标记的那部分——的数据 用来确定:URL、显示标签跟文章分类,乃至是根据特定字段选择对应的页面布局,显示特定的题图,等等。
当然这些功能需要在 SSG 的主题系统中写好
Md元数据的三种格式
参考:https://qa.1r1g.com/sf/ask/3095112751/(搬运于overflow)
有两种常见的格式看起来非常相似,但在某些非常具体的方面实际上是不同的.第三个是非常不同的.
YAML元数据 (YAML Front Matter)
Jekyll静态站点生成器推广了YAML前端物质,该物质由YAML部分标记消除。 是的,破折号实际上是YAML语法的一部分。并且使用任何有效的YAML语法定义元数据。
以下是Jekyll文档中的一个示例:
---
layout: post
title: Blogging Like a Hacker
---
请注意,Markdown解析器不会解析YAML前端问题,但会在Jekyll(或您正在使用的任何工具)解析之前将其删除,并且实际上可以用于请求与该页面的默认Markdown解析器不同的解析器(不要记得Jekyll是否这样做,但我已经看到了一些工具)
MultiMarkdown元数据
较旧且更简单的 MultiMarkdown Metadata 实际上已合并到一些Markdown解析器中。 虽然它最近更新为可选支持YAML分隔符,但传统上,元数据结束,Markdown文档从第一个空行开始(如果第一行是空白,则没有元数据) 虽然语法看起来与YAML非常相似,但只支持键值对而没有隐含类型
以下是MultiMarkdown文档中的示例:
Title: A Sample MultiMarkdown Document
Author: Fletcher T. Penney
Date: February 9, 2011
Comment: This is a comment intended to demonstrate
metadata that spans multiple lines, yet
is treated as a single value.
CSS: http://example.com/standard.css
MultiMarkdown解析器包含一组对该解析器唯一的附加选项,但键值元数据用于多个解析器。不幸的是,我从未见过任何两个行为完全相同的人。如果没有定义这种格式的Markdown规则,每个人都会做出自己略有不同的解释,从而导致种类繁多. 更常见的一件事是对YAML分隔符和基本键值定义的支持
Pandoc标题栏
为了完整起见,还有Pandoc Title Block。如果有一个非常不同的语法,并不容易与其他两个混淆。据我所知,它只受Pandoc支持(如果启用)
它只支持三种类型的数据:标题、作者、日期
以下是Pandoc文档中的示例:
% title
% author(s) (separated by semicolons)
% date
请注意,Pandoc Title Blocks是Pandoc支持的两种样式之一。Pandoc还支持如上所述的YAML元数据。默认情况下,两个扩展都未启用
检索 更新 缓存
好像并没有这些东西、感觉都是重新遍历的,至少Obsidian的OB Folder和DataView是这样的