Markdown 代码

Markdown插入代码块是程序员经常使用语法，码笔记分享Markdown代码的方法，以下插入代码语法分为插入单行代码和多行代码语法：

插入单行代码

Markdown插入单行代码语法：

代码内容

插入多行代码

Markdown插入多行代码语法：

我是代码内容

那么，问题来了，这个Markdown插入代码的符号是键盘上哪个按键？如下图所示：

 

Markdown键盘按键对照图

如上图所示，数字1左侧的按键就是这个符号，在Markdown语法里，英文输入法下，数字1左侧的按键就是插入代码的符号。

高级运算

平均数运算，符号：\overline{算式}，如：$\overline{xyz}$

开二次方运算，符号：\sqrt，如：$\sqrt x$

开方运算，符号：\sqrt[开方数]{被开方数}，如：$\sqrt[3]{x+y}$

对数运算，符号：\log，如：$\log(x)$

极限运算，符号：\lim，如：$\lim^{x \to \infty}_{y \to 0}{\frac{x}{y}}$

极限运算，符号：\displaystyle \lim，如：$\displaystyle \lim^{x \to \infty}_{y \to 0}{\frac{x}{y}}$

求和运算，符号：\sum，如：$\sum^{x \to \infty}_{y \to 0}{\frac{x}{y}}$

求和运算，符号：\displaystyle \sum，如：$\displaystyle \sum^{x \to \infty}_{y \to 0}{\frac{x}{y}}$

积分运算，符号：\int，如：$\int^{\infty}_{0}{xdx}$

积分运算，符号：\displaystyle \int，如：$\displaystyle \int^{\infty}_{0}{xdx}$

微分运算，符号：\partial，如：$\frac{\partial x}{\partial y}$

矩阵表示，符号：\begin{matrix} \end{matrix}，如：$\left[ \begin{matrix} 1 &2 &\cdots &4\5 &6 &\cdots &8\\vdots &\vdots &\ddots &\vdots\13 &14 &\cdots &16\end{matrix} \right]$

逻辑运算

等于运算，符号：=，如：$x+y=z$

大于运算，符号：>，如：$x+y>z$

小于运算，符号：<，如：$x+y<z$

大于等于运算，符号：\geq，如：$x+y \geq z$

小于等于运算，符号：\leq，如：$x+y \leq z$

不等于运算，符号：\neq，如：$x+y \neq z$

不大于等于运算，符号：\ngeq，如：$x+y \ngeq z$

不大于等于运算，符号：\not\geq，如：$x+y \not\geq z$

不小于等于运算，符号：\nleq，如：$x+y \nleq z$

不小于等于运算，符号：\not\leq，如：$x+y \not\leq z$

约等于运算，符号：\approx，如：$x+y \approx z$

恒定等于运算，符号：\equiv，如：$x+y \equiv z$

集合运算

属于运算，符号：\in，如：$x \in y$

不属于运算，符号：\notin，如：$x \notin y$

不属于运算，符号：\not\in，如：$x \not\in y$

子集运算，符号：\subset，如：$x \subset y$

子集运算，符号：\supset，如：$x \supset y$

真子集运算，符号：\subseteq，如：$x \subseteq y$

非真子集运算，符号：\subsetneq，如：$x \subsetneq y$

真子集运算，符号：\supseteq，如：$x \supseteq y$

非真子集运算，符号：\supsetneq，如：$x \supsetneq y$

非子集运算，符号：\not\subset，如：$x \not\subset y$

非子集运算，符号：\not\supset，如：$x \not\supset y$

并集运算，符号：\cup，如：$x \cup y$

交集运算，符号：\cap，如：$x \cap y$

差集运算，符号：\setminus，如：$x \setminus y$

同或运算，符号：\bigodot，如：$x \bigodot y$

同与运算，符号：\bigotimes，如：$x \bigotimes y$

实数集合，符号：\mathbb{R}，如：\mathbb{R}

自然数集合，符号：\mathbb{Z}，如：\mathbb{Z}

空集，符号：\emptyset，如：$\emptyset$

0x00 原理

Markdown编辑器演示了如何使用QWebChannel和JavaScript库为自定义标记语言提供富文本预览工具。

Markdown是一种轻量级的标记语言，具有纯文本格式语法。可以在浏览器中查看时将内容呈现为富文本格式。

Markdown编辑器主窗口分为编辑区域和预览区域。

• 编辑区域(左栏)：
  该编辑器区域使用QPlainTextEdit实现。
• 预览区域(右栏)：
  预览区域使用QWebEngineView实现的。为了呈现文本，借助Web引擎内部的JavaScript库，将Markdown文本转换为HTML格式。预览是通过QWebChannel发送编辑区域的文本内容到QWebEngineView渲染(支持边编辑边渲染更新)。

0x01 实现

• 为编辑区域加载markdown格式文件。

QFile defaultTextFile(":/default.md");
defaultTextFile.open(QIODevice::ReadOnly);
ui->editor->setPlainText(defaultTextFile.readAll());

• 1
• 2
• 3

• 使用QWebChannel绑定page(QWebEngineView)对文本进行更新。

connect(ui->editor, &QPlainTextEdit::textChanged,
        [this]() { m_content.setText(ui->editor->toPlainText()); });

QWebChannel *channel = new QWebChannel(this);
channel->registerObject(QStringLiteral("content"), &m_content);
page->setWebChannel(channel);

• 1
• 2
• 3
• 4
• 5
• 6

• 加载网页文件用于接收ui->editor(QPlainTextEdit)的内容。

ui->preview->setUrl(QUrl("qrc:/index.html"));

• 1

• 在index.html中，我们加载一个自定义样式表和两个JavaScript库。markdown.css是由Kevin Burke创建的markdown友好样式表。marked.js是Markdown解析器和编译器，由Christopher Jeffrey编写，旨在提高速度，而qwebchannel.js是QWebChannel模块的一部分(用于数据交互)。

字母（大写）	markdown语法（输入在两个$$之间）	字母（小写）	markdown语法
$A$	A	$\alpha$	\alpha
$B$	B	$\beta$	\beta
$\Gamma$	\Gamma	$\gamma$	\gamma
$\Delta$	\Delta	δ	\delta
$E$	E	$ϵ$	\epsilon
$Z$	Z	$\zeta$	\zeta
$H$	H	$\eta$	\eta
$\Theta$	\Theta	$\theta$	\theta
$I$	I	$\iota$	\iota
$K$	K	$\kappa$	\kappa
$\Lambda$	\Lambda	$\lambda$	\lambda
$M$	M	$\mu$	\mu
$N$	N	$\nu$	\nu
$\Xi$	\Xi	$\xi$	\xi
$O$	O	$o$	\omicron
$\Pi$	\Pi	$\pi$	\pi
$P$	P	$\rho$	\rho
$\Sigma$	\Sigma	$\sigma$	\sigma
$T$	T	$\tau$	\tau
${\rm Y}$	\Upsilon	$\upsilon$	\upsilon
$\Phi$	\Phi	$\varphi$	\phi
$X$	X	$\chi$	\chi
$\Psi$	\Psi	$\psi$	\psi
$\Omega$	\Omega	$\omega$	\omega

	markdown语法（输入在两个$$之间）	显示
字体变大	\displaystyle	x + y y + z \displaystyle \frac{x+y}{y+z}y+zx+y​
下划线	\underline	x + y ‾ \underline{x+y}x+y​
上大括号	\overbrace{式子	a + b + c + d ⏞ 2.0 \overbrace{a+b+c+d}^{2.0}a+b+c+d​2.0​
下大括号	\underbrace{式子}	a + b + c ⎵ 1.0 + d a+\underbrace{b+c}_{1.0}+da+1.0b+c​​+d
上位符号	\stacrel{上位符号}{基位符号}	x ⃗ = d e f x 1 , … , x n \vec{x}\stackrel{\mathrm{def}}{=}{x_1,\dots,x_n}x=defx1​,…,xn​

	markdown语法（输入在两个$$之间）	显示
属于	\in	$x\in y$
不属于	\notin	$x\notin y$
子集	x \subset y、x \supset y	$x\subset y$、$x\supset y$
真子集	\subseteq、\supseteq	$x\subseteq y$、 $x\supseteq y$
并集	\cup	$x\cup y$
交集	\cap	$x\cap y$
差集	\setminus	$x\setminus y$
同或	\bigodot	$x⨀y$
同与	\bigotimes	$x⨂y$
异或	\bigoplus	$a⨁b$
实数集合	\mathbb{R}	$\mathbb{R}$
自然数集合	\mathbb{Z}	$\mathbb{Z}$

markdown语法（输入在两个$$之间）	显示
无穷	\infty	$\infty$
矢量	\vec{a}	a ⃗ \vec{a}a
一阶导数	\dot{x}	x ˙ \dot{x}x˙
二阶导数	\ddot{x}	x ¨ \ddot{x}x¨
算数平均值	\bar{a}	a ˉ \bar{a}aˉ
概率分布	\hat{a}	a ^ \hat{a}a^
虚数$i$、$j$	\imath、\jmath	$ı$、$ȷ$
四种省略号	\ldots；\cdots；\vdots；\ddots	$1,2,\dots ,n$；x 1 2 + x 2 2 + ⋯ + x n 2 x_1^2 + x_2^2 + \cdots + x_n^2x12​+x22​+⋯+xn2​；$⋮$；$\ddots$

markdown语法（输入在两个$$之间）	显示
乘	\times	$\times$
除	\div	$÷$
加减	\pm	$\pm$
减加	\mp	$\mp$
求和	\sum	$\sum$
求积	\prod	$\prod$
微分	\partial	$\partial$
积分	\int 、\displaystyle\int	$\int$、$\int$
不等于	\neq	≠ \neq̸​=
大于等于	\geq	$\ge$
小于等于	\leq	$\le$
约等于	\approx	$\approx$
不大于等于	x+y \ngeq z	$x+y\ngeqq z$
点乘	a \cdot b	$a\cdot b$
星乘	a \ast b	$a\ast b$
分式	\frac{b}{a}、\frac{x}{y}、\frac{1}{x+1}	b a \displaystyle\frac{b}{a}ab​、x y \displaystyle\frac{x}{y}yx​、1 x + 1 \displaystyle\frac{1}{x+1}x+11​

markdown语法（输入在两个$$之间）	显示
sin	\sin(x)	$\sin (x)$
cos	\cos(x)	$\cos (x)$
tan	\tan(x)	$tan(x)$
log	\log_2 10	log ⁡ 2 10 \log_2 10log2​10
ln	\ln2	$\ln 2$

markdown语法（输入在两个$$之间）	显示
上标	x^2、 x^y 、e^3	x 2 x^2x2、x y x^yxy、e 3 e^3e3
下标	x_0、a_1、T_1	x 0 x_0x0​、a 1 a_1a1​、T 1 T_1T1​
求和	\sum	$\sum$
求和上下标	\sum_0^3 、\sum_0^{\infty} 、\sum_{-\infty}^{\infty}	∑ 0 3 \sum_0^3∑03​ 、∑ 0 ∞ \sum_0^{\infty}∑0∞​ 、∑ − ∞ ∞ \sum_{-\infty}^{\infty}∑−∞∞​
中括号	[s(s+1)-(s-1)(s-2)]	$[s(s+1)-(s-1)(s-2)]$
花括号	\lbrace x-y \rbrace	$\{x-y\}$