测试一下博客
<h1 id="markdown-测试模板">Markdown 测试模板</h1><h2 id="标题测试">标题测试</h2>
<h1 id="h1">H1</h1>
<h2 id="h2">H2</h2>
<h3 id="h3">H3</h3>
<h4 id="h4">H4</h4>
<h5 id="h5">H5</h5>
<h6 id="h6">H6</h6>
<h2 id="段落与换行">段落与换行</h2>
<p>这是第一段（注意：行尾需要2个空格才能<br>
实现换行效果）</p>
<p>这是第二段（普通换行会被视为同一段落）</p>
<h2 id="文字样式">文字样式</h2>
<p><em>斜体</em> 或 <em>斜体</em><br>
<strong>粗体</strong> 或 <strong>粗体</strong><br>
<em><strong>粗斜体</strong></em> 或 <em><strong>粗斜体</strong></em><br>
<s>删除线</s><br>
<code>行内代码</code><br>
<mark>高亮</mark>（部分扩展支持）<br>
H<sub>2</sub>O（下标）<br>
X<sup>2</sup>（上标）</p>
<h2 id="列表测试">列表测试</h2>
<h3 id="无序列表">无序列表</h3>
<ul>
<li>项目一
<ul>
<li>嵌套项目
<ul>
<li>三级嵌套</li>
</ul>
</li>
</ul>
</li>
</ul>
<ul>
<li>项目二</li>
</ul>
<ul>
<li>项目三</li>
</ul>
<h3 id="有序列表">有序列表</h3>
<ol>
<li>第一项</li>
<li>第二项
<ol>
<li>嵌套项</li>
</ol>
</li>
<li>第三项</li>
</ol>
<h3 id="任务列表">任务列表</h3>
<ul class="contains-task-list">
<li class="task-list-item"><input class="task-list-item-checkbox" checked="" disabled="" type="checkbox"><label> 完成设计</label></li>
<li class="task-list-item"><input class="task-list-item-checkbox" disabled="" type="checkbox"><label> 编写代码</label></li>
<li class="task-list-item"><input class="task-list-item-checkbox" disabled="" type="checkbox"><label> 测试功能</label></li>
</ul>
<h2 id="链接与图片">链接与图片</h2>
<p>普通链接<br>
带标题的链接<br>
https://自动链接.com</p>
<h2 id="代码块">代码块</h2>
<pre><code class="language-python">// 测试代码配色 - C++语法高亮示例
#include <iostream>
#include <vector>
#include <string>
#define MAX_COUNT 100
template<typename T>
class ColorTest {
public:
ColorTest() : data(MAX_COUNT) {}
void printColors() const {
// 输出颜色信息
std::cout << "Displaying color codes:\n";
for (const auto& item : data) {
if (item.isValid()) {
std::cout << "\tColor: " << item.name
<< " (0x" << std::hex << item.code << ")\n";
}
}
}
private:
struct ColorInfo {
std::string name;
uint32_t code;
bool valid;
bool isValid() const { return valid && code <= 0xFFFFFF; }
};
std::vector<ColorInfo> data;
};
int main() {
/* 多行注释测试
这里使用了多行注释 */
ColorTest<std::string> test;
// 数字测试
double pi = 3.1415926;
int counter = 0;
try {
test.printColors();
} catch (const std::exception& e) {
std::cerr << "Error: " << e.what() << "\n";
return EXIT_FAILURE;
}
return 0;
}
# Welcome to Leanote! 欢迎来到Leanote!
## 1. 排版
**粗体** *斜体*
~~这是一段错误的文本。~~
引用:
> 引用Leanote官方的话, 为什么要做Leanote, 原因是...
有充列表:
1. 支持Vim
2. 支持Emacs
无序列表:
- 项目1
- 项目2
## 2. 图片与链接
图片:
!(http://leanote.com/images/logo/leanote_icon_blue.png)
链接:
[这是去往Leanote官方博客的链接](http://leanote.leanote.com)
## 3. 标题
以下是各级标题, 最多支持5级标题
</code></pre>
<h1 id="h1-1">h1</h1>
<h2 id="h2-1">h2</h2>
<h3 id="h3-1">h3</h3>
<h4 id="h4-1">h4</h4>
<h5 id="h4-2">h4</h5>
<h6 id="h5-1">h5</h6>
<pre><code>
## 4. 代码
示例:
function get(key) {
return m;
}
代码高亮示例:
``` javascript
/**
* nth element in the fibonacci series.
* @param n >= 0
* @return the nth element, >= 0.
*/
function fib(n) {
var a = 1, b = 1;
var tmp;
while (--n >= 0) {
tmp = a;
a += b;
b = tmp;
}
return a;
}
document.write(fib(10));
</code></pre>
<pre><code class="language-python">class Employee:
empCount = 0
def __init__(self, name, salary):
self.name = name
self.salary = salary
Employee.empCount += 1
</code></pre>
<h1 id="5-markdown-扩展">5. Markdown 扩展</h1>
<p>Markdown 扩展支持:</p>
<ul>
<li>表格</li>
<li>定义型列表</li>
<li>Html 标签</li>
<li>脚注</li>
<li>目录</li>
<li>时序图与流程图</li>
<li>MathJax 公式</li>
</ul>
<h2 id="51-表格">5.1 表格</h2>
<table>
<thead>
<tr>
<th>Item</th>
<th>Value</th>
</tr>
</thead>
<tbody>
<tr>
<td>Computer</td>
<td>$1600</td>
</tr>
<tr>
<td>Phone</td>
<td>$12</td>
</tr>
<tr>
<td>Pipe</td>
<td>$1</td>
</tr>
</tbody>
</table>
<p>可以指定对齐方式, 如Item列左对齐, Value列右对齐, Qty列居中对齐</p>
<table>
<thead>
<tr>
<th style="text-align: left">Item</th>
<th style="text-align: right">Value</th>
<th style="text-align: center">Qty</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: left">Computer</td>
<td style="text-align: right">$1600</td>
<td style="text-align: center">5</td>
</tr>
<tr>
<td style="text-align: left">Phone</td>
<td style="text-align: right">$12</td>
<td style="text-align: center">12</td>
</tr>
<tr>
<td style="text-align: left">Pipe</td>
<td style="text-align: right">$1</td>
<td style="text-align: center">234</td>
</tr>
</tbody>
</table>
<h2 id="52-定义型列表">5.2 定义型列表</h2>
<dl>
<dt>名词 1</dt>
<dd>
<p>定义 1（左侧有一个可见的冒号和四个不可见的空格）</p>
</dd>
<dt>代码块 2</dt>
<dd>
<p>这是代码块的定义（左侧有一个可见的冒号和四个不可见的空格）</p>
<pre><code>代码块（左侧有八个不可见的空格）
</code></pre>
</dd>
</dl>
<h2 id="53-html-标签">5.3 Html 标签</h2>
<p>支持在 Markdown 语法中嵌套 Html 标签，譬如，你可以用 Html 写一个纵跨两行的表格：</p>
<pre><code><table>
<tr>
<th rowspan="2">值班人员</th>
<th>星期一</th>
<th>星期二</th>
<th>星期三</th>
</tr>
<tr>
<td>李强</td>
<td>张明</td>
<td>王平</td>
</tr>
</table>
</code></pre>
<table>
<tbody><tr>
<th rowspan="2">值班人员</th>
<th>星期一</th>
<th>星期二</th>
<th>星期三</th>
</tr>
<tr>
<td>李强</td>
<td>张明</td>
<td>王平</td>
</tr>
</tbody></table>
<p><strong>提示</strong>, 如果想对图片的宽度和高度进行控制, 你也可以通过img标签, 如:</p>
<img src="https://files.cnblogs.com/files/blogs/579995/pic.gif?t=1750098973&download=true" width="256px">
<h2 id="54-脚注">5.4 脚注</h2>
<p>Leanote<sup class="footnote-ref"></sup>来创建一个脚注</p>
<h2 id="55-目录">5.5 目录</h2>
<p>通过 <code></code> 在文档中插入目录, 如:</p>
<p></p><div class="toc"><div class="toc-container-header">目录</div><ul><li>Markdown 测试模板<ul><li>标题测试</li></ul></li><li>H1<ul><li>H2<ul><li>H3<ul><li>H4<ul><li>H5<ul><li>H6</li></ul></li></ul></li></ul></li></ul></li><li>段落与换行</li><li>文字样式</li><li>列表测试<ul><li>无序列表</li><li>有序列表</li><li>任务列表</li></ul></li><li>链接与图片</li><li>代码块</li></ul></li><li>h1<ul><li>h2<ul><li>h3<ul><li>h4<ul><li>h4<ul><li>h5</li></ul></li></ul></li></ul></li></ul></li></ul></li><li>5. Markdown 扩展<ul><li>5.1 表格</li><li>5.2 定义型列表</li><li>5.3 Html 标签</li><li>5.4 脚注</li><li>5.5 目录</li><li>5.6 时序图与流程图</li><li>5.7 MathJax 公式</li></ul></li></ul></div><p></p>
<h2 id="56-时序图与流程图">5.6 时序图与流程图</h2>
<pre><code class="language-sequence">Alice->Bob: Hello Bob, how are you?
Note right of Bob: Bob thinks
Bob-->Alice: I am good thanks!
</code></pre>
<p>流程图:</p>
<pre><code class="language-flow">st=>start: Start
e=>end
op=>operation: My Operation
cond=>condition: Yes or No?
st->op->cond
cond(yes)->e
cond(no)->op
</code></pre>
<blockquote>
<p><strong>提示:</strong> 更多关于时序图与流程图的语法请参考:</p>
</blockquote>
<blockquote>
<ul>
<li>时序图语法</li>
<li>流程图语法</li>
</ul>
</blockquote>
<h2 id="57-mathjax-公式">5.7 MathJax 公式</h2>
<p>$ 表示行内公式：</p>
<p>质能守恒方程可以用一个很简洁的方程式 <span class="math inline">\(E=mc^2\)</span> 来表达。</p>
<p></p><div class="math display">\[ 表示整行公式：
$$\sum_{i=1}^n a_i=0\]</div><p></p><p></p><div class="math display">\[f(x_1,x_x,\ldots,x_n) = x_1^2 + x_2^2 + \cdots + x_n^2
\]</div><p></p><p></p><div class="math display">\[\sum^{j-1}_{k=0}{\widehat{\gamma}_{kj} z_k}
\]</div><p></p><p>更复杂的公式:</p>
<p></p><div class="math display">\[\begin{eqnarray}
\vec\nabla \times (\vec\nabla f) & = & 0\cdots\cdots梯度场必是无旋场\\
\vec\nabla \cdot(\vec\nabla \times \vec F) & = & 0\cdots\cdots旋度场必是无散场\\
\vec\nabla \cdot (\vec\nabla f) & = & {\vec\nabla}^2f\\
\vec\nabla \times(\vec\nabla \times \vec F) & = & \vec\nabla(\vec\nabla \cdot \vec F) - {\vec\nabla}^2 \vec F\\
\end{eqnarray}
\]</div><p></p><hr class="footnotes-sep">
<section class="footnotes">
<ol class="footnotes-list">
<li id="fn1" class="footnote-item"><p>Leanote是一款强大的开源云笔记产品. ↩︎</p>
</li>
</ol>
</section><br><br>
来源：https://www.cnblogs.com/YamadaKigo/p/18873583
頁:
[1]