1
0

Site updated: 2020-07-05 14:18:55

This commit is contained in:
DavidZ 2020-07-05 14:18:56 +08:00
parent 5f9f1abb2b
commit be08c81609
9 changed files with 156 additions and 37 deletions

View File

@ -149,13 +149,13 @@
<span>
<b class="iconfont icon-text2"></b> <i>文章字数</i>
6.9k
14k
</span>
<span>
<b class="iconfont icon-timer__s"></b> <i>阅读约需</i>
6 mins.
12 mins.
</span>

View File

@ -256,7 +256,7 @@ audio {
border-bottom-right-radius: 200px;
}
#screen .cover {
position: absolute;
position: relative;
top: 0;
left: 30%;
width: 1200px;
@ -362,11 +362,11 @@ audio {
background-size: 75px 32px;
background-repeat: no-repeat;
background-position: center center;
-webkit-mask-box-image: url("/img/logo.png");
-webkit-mask-box-image: url("../img/logo.png");
background-color: #fff;
width: 75px;
height: 32px;
mask-image: url("/img/logo.png");
mask-image: url("../img/logo.png");
mask-size: contain;
transition: background-color 0.5s ease-in-out;
}
@ -1719,7 +1719,7 @@ footer .copyright a {
background-size: cover;
background-repeat: no-repeat;
opacity: 0.85;
background-image: radial-gradient(ellipse closest-side, rgba(0,0,0,0.46), #100e17), url("/img/cover.jpg");
background-image: radial-gradient(ellipse closest-side, rgba(0,0,0,0.46), #100e17), url("../img/cover.jpg");
z-index: -1;
animation-delay: 900ms;
animation-duration: 1.2s;

Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 9.2 KiB

View File

@ -434,13 +434,13 @@ cos\theta &amp; sin\theta \\
<span>
<b class="iconfont icon-text2"></b> <i>文章字数</i>
6.9k
14k
</span>
<span>
<b class="iconfont icon-timer__s"></b> <i>阅读约需</i>
6 mins.
12 mins.
</span>

View File

@ -1,8 +1,14 @@
User-agent: *
Allow: /
Allow: /2020/
Allow: /archives/
Allow: /categories/
Allow: /tags/
Disallow: /js/
Disallow: /img/
Disallow: /css/
Disallow: /font/
Disallow: /fonts/
Disallow: /statics/
Sitemap: https://blog.davidz.cn/sitemap.xml

File diff suppressed because one or more lines are too long

View File

@ -230,13 +230,13 @@ $$
<span>
<b class="iconfont icon-text2"></b> <i>文章字数</i>
6.9k
14k
</span>
<span>
<b class="iconfont icon-timer__s"></b> <i>阅读约需</i>
6 mins.
12 mins.
</span>

View File

@ -215,13 +215,13 @@
<span>
<b class="iconfont icon-text2"></b> <i>文章字数</i>
6.9k
14k
</span>
<span>
<b class="iconfont icon-timer__s"></b> <i>阅读约需</i>
6 mins.
12 mins.
</span>

View File

@ -103,13 +103,13 @@
<span>
<b class="iconfont icon-text2"></b> <i>文章字数</i>
6.9k
14k
</span>
<span>
<b class="iconfont icon-timer__s"></b> <i>阅读约需</i>
6 mins.
12 mins.
</span>
@ -173,9 +173,10 @@ Markdown 实际上和 HTML 是“近亲”,你甚至可以直接使用 HTML
<p><a href="https://code.visualstudio.com/" target="_blank" rel="noopener">官网</a>|<a href="https://github.com/microsoft/vscode" target="_blank" rel="noopener">Github</a>下载安装包,双击安装即可。</p>
<p>虽然 <code>VSCode</code> 原生支持 Markdown但是下面这几个属于增强型插件</p>
<ol>
<li><code>Markdown Preview Enhanced</code>,增强对 Markdown 的预览。</li>
<li><code>Code Spell Checker</code>,检查你报告里的拼写错误(不过只支持英文)。</li>
<li><code>Markdownlint</code>,检查 Markdown 的语法规范(强迫症专属)。</li>
<li><a href="https://marketplace.visualstudio.com/items?itemName=shd101wyy.markdown-preview-enhanced" target="_blank" rel="noopener"><code>Markdown Preview Enhanced</code></a>,增强 Markdown 的预览效果,比如支持公式,清单之类的。</li>
<li><a href="https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker" target="_blank" rel="noopener"><code>Code Spell Checker</code></a>,检查你报告里的拼写错误(不过好像只支持英文)。</li>
<li><a href="https://marketplace.visualstudio.com/items?itemName=DavidAnson.vscode-markdownlint" target="_blank" rel="noopener"><code>Markdownlint</code></a>,检查 Markdown 的语法规范(强迫症专属)。</li>
<li><a href="https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode" target="_blank" rel="noopener"><code>Prettier</code></a>,格式化 Markdown 代码(强迫症专属)。</li>
</ol>
<h4 id="选项-2-Typora"><a class="header-anchor" href="#选项-2-Typora"></a>选项 2: Typora</h4>
<p><img src="//davidz.cn/static/blog/2020-02-12-write-latex-report-with-markdown/typora.png" alt="Typora"></p>
@ -195,38 +196,148 @@ Latex 是个语言规范Latex Engine 是它的实现,下面这俩都是 Lat
<h4 id="选项-2-TeX-Live"><a class="header-anchor" href="#选项-2-TeX-Live"></a>选项 2: TeX Live</h4>
<p><a href="http://tug.org/texlive/" target="_blank" rel="noopener">官网</a>下载安装。</p>
<h3 id="Pandoc"><a class="header-anchor" href="#Pandoc"></a>Pandoc</h3>
<h4 id="Pandoc-主程序"><a class="header-anchor" href="#Pandoc-主程序"></a>Pandoc 主程序</h4>
<p>这个就是前文所说的万能文档格式转换器软件了。</p>
<p>通过 Scoop 安装:</p>
<pre><code class="language-powershell">scoop install pandoc
</code></pre>
<p>或者<a href="https://www.pandoc.org/" target="_blank" rel="noopener">官网</a>下载安装。</p>
<p>用到的过滤器(类似于插件):</p>
<ol>
<li><a href="https://github.com/lierdakil/pandoc-crossref" target="_blank" rel="noopener">pandoc-crossref</a>,用于 pandoc 中的交叉引用,图片,公式,章节等,这个我也是用 Scoop 安装的,没有 Scoop 的话看看<a href="https://github.com/lierdakil/pandoc-crossref#installation" target="_blank" rel="noopener">安装教程</a>吧。</li>
</ol>
<h3 id="Eisvogel-主题"><a class="header-anchor" href="#Eisvogel-主题"></a>Eisvogel 主题</h3>
<h4 id="Pandoc-Filter"><a class="header-anchor" href="#Pandoc-Filter"></a>Pandoc Filter</h4>
<p>Pandoc 支持自定义<a href="https://www.pandoc.org/filters.html" target="_blank" rel="noopener">过滤器</a>,类似于插件,支持 Lua, Haskell, Python(对于想要自己尝试开发的同学,强烈推荐<a href="https://github.com/sergiocorreia/panflute" target="_blank" rel="noopener">Panflute</a>,比官方的<a href="https://github.com/jgm/pandocfilters" target="_blank" rel="noopener">pandocfilters</a>更人性化一些)。</p>
<h5 id="原理"><a class="header-anchor" href="#原理"></a>原理</h5>
<pre><code>INPUT --&gt; reader --&gt; AST --&gt; filter --&gt; AST --&gt; writer --&gt; OUTPUT
</code></pre>
<ul>
<li>INPUT: Pandoc 的输入。</li>
<li>reader: 把输入解析成 AST。</li>
<li>AST(Abstract Syntax Tree): 抽象语法树,这个是 Pandoc 的核心组件,是对所有支持的文件类型的抽象。</li>
<li>filter: 这里就是我们的过滤器了,注意他的输入和输出都是 AST。</li>
<li>writer: 把 AST 解析成输出。</li>
<li>OUTPUT: Pandoc 的输出。</li>
</ul>
<h5 id="例子"><a class="header-anchor" href="#例子"></a>例子</h5>
<p>上调所有小于 6 的标题的级别,如果大于 6则删除标题把标题变成段落</p>
<pre><code class="language-python">from panflute import *
def increase_header_level(elem, doc):
if type(elem) == Header:
if elem.level &lt; 6:
elem.level += 1
else:
return [] # Delete headers already in level 6
def main(doc=None):
return run_filter(increase_header_level, doc=doc)
if __name__ == &quot;__main__&quot;:
main()
</code></pre>
<p>然后在 Pandoc 的命令中用<code>--filter</code>指定这个 Python 文件即可。</p>
<h5 id="推荐"><a class="header-anchor" href="#推荐"></a>推荐</h5>
<ul>
<li><a href="https://github.com/lierdakil/pandoc-crossref" target="_blank" rel="noopener">pandoc-crossref</a></li>
</ul>
<p>用于 Pandoc 中的交叉引用,图片,公式,章节等,这个我也是用 Scoop 安装的,没有 Scoop 的话看看<a href="https://github.com/lierdakil/pandoc-crossref#installation" target="_blank" rel="noopener">安装教程</a>吧。</p>
<table>
<thead>
<tr>
<th style="text-align:center">类型</th>
<th style="text-align:center">标识</th>
<th style="text-align:center">引用</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:center"><a href="http://lierdakil.github.io/pandoc-crossref/#image-labels" target="_blank" rel="noopener">图片</a></td>
<td style="text-align:center"><code>![Caption](file.ext){#fig:label}</code></td>
<td style="text-align:center"><code>@fig:label</code></td>
</tr>
<tr>
<td style="text-align:center"><a href="http://lierdakil.github.io/pandoc-crossref/#equation-labels" target="_blank" rel="noopener">公式</a></td>
<td style="text-align:center"><code>$$ math $$ {#eq:label}</code></td>
<td style="text-align:center"><code>@eq:label</code></td>
</tr>
<tr>
<td style="text-align:center"><a href="http://lierdakil.github.io/pandoc-crossref/#table-labels" target="_blank" rel="noopener">表格</a></td>
<td style="text-align:center"><code>: Caption {#tbl:label}</code></td>
<td style="text-align:center"><code>@tbl:label</code></td>
</tr>
<tr>
<td style="text-align:center"><a href="http://lierdakil.github.io/pandoc-crossref/#section-labels" target="_blank" rel="noopener">段落</a></td>
<td style="text-align:center"><code># Section {#sec:label}</code></td>
<td style="text-align:center"><code>@sec:label</code></td>
</tr>
<tr>
<td style="text-align:center"><a href="http://lierdakil.github.io/pandoc-crossref/#code-block-labels" target="_blank" rel="noopener">代码块</a></td>
<td style="text-align:center"><code>: Listing caption {#lst:label}</code></td>
<td style="text-align:center"><code>@lst:label</code></td>
</tr>
</tbody>
</table>
<ul>
<li><a href="https://github.com/jgm/pandoc-citeproc" target="_blank" rel="noopener">pandoc-citeproc</a></li>
</ul>
<p>用于 Pandoc 中的文献引用,这个是自带的,无需安装。</p>
<p>需要指定 BibTeX(.bib) 文件来指定你的参考源,长这个样子,</p>
<pre><code class="language-bibtex">@article{vinyals_show_2015,
title = {Show and Tell: A Neural Image Caption Generator},
url = {http://arxiv.org/abs/1411.4555},
shorttitle = {Show and Tell},
abstract = {Automatically describing the content of an image is a fundamental problem in artificial intelligence that connects computer vision and natural language processing. In this paper, we present a generative model based on a deep recurrent architecture that combines recent advances in computer vision and machine translation and that can be used to generate natural sentences describing an image. The model is trained to maximize the likelihood of the target description sentence given the training image. Experiments on several datasets show the accuracy of the model and the fluency of the language it learns solely from image descriptions. Our model is often quite accurate, which we verify both qualitatively and quantitatively. For instance, while the current state-of-the-art {BLEU}-1 score (the higher the better) on the Pascal dataset is 25, our approach yields 59, to be compared to human performance around 69. We also show {BLEU}-1 score improvements on Flickr30k, from 56 to 66, and on {SBU}, from 19 to 28. Lastly, on the newly released {COCO} dataset, we achieve a {BLEU}-4 of 27.7, which is the current state-of-the-art.},
journaltitle = {{arXiv}:1411.4555 [cs]},
author = {Vinyals, Oriol and Toshev, Alexander and Bengio, Samy and Erhan, Dumitru},
urldate = {2020-06-01},
date = {2015-04-20},
langid = {english},
eprinttype = {arxiv},
eprint = {1411.4555},
keywords = {Computer Science - Computer Vision and Pattern Recognition}
}
</code></pre>
<p>以及 Citation Style Language(.csl)文件来指定你想要的引用格式,比如 APAMLAChicagoHarvard 或者国内常用的 GB7714-2005可以从<a href="https://github.com/citation-style-language/styles" target="_blank" rel="noopener">citation-style-language/styles</a>下载。</p>
<p>在文中用<code>[@vinyals_show_2015]</code>对应引用源即可实现引用自动生成,十分方便。</p>
<h4 id="Pandoc-Theme-Eisvogel-主题"><a class="header-anchor" href="#Pandoc-Theme-Eisvogel-主题"></a>Pandoc Theme: Eisvogel 主题</h4>
<p><img src="//davidz.cn/static/blog/2020-02-12-write-latex-report-with-markdown/eisvogel.png" alt="Eisvogel"></p>
<p>这个是我找到的计算机专业风格的论文/报告/书籍/幻灯片的开源模板,对于我来说是真的很合适了,美观,简约又专业。</p>
<p><a href="https://github.com/Wandmalfarbe/pandoc-latex-template" target="_blank" rel="noopener">Github Release</a>下载,放到<a href="https://github.com/Wandmalfarbe/pandoc-latex-template#installation" target="_blank" rel="noopener">指定路径</a>就完了,很简单。</p>
<p><a href="https://github.com/Wandmalfarbe/pandoc-latex-template" target="_blank" rel="noopener">Github Release</a>下载,放到<a href="https://github.com/Wandmalfarbe/pandoc-latex-template#installation" target="_blank" rel="noopener">指定路径</a>就完了,很简单。</p>
<h2 id="配置"><a class="header-anchor" href="#配置"></a>配置</h2>
<pre><code class="language-YAML">---
title: COMP 2310 Assignment 1 Report
author: Jiahao Zhang U6921098
date: Sept. 27, 2019
# Pandoc
title: Title of the Report
author: Jiahao Zhang
date: Jul. 3, 1998
block-headings: true
documentclass: article
papersize: a4
geometry: margin=2cm
geometry: margin=2.5cm
mainfont: Calibri
sansfont: Calibri
monofont: JetBrains Mono
CJKmainfont: Microsoft YaHei
fontsize: 10pt
titlepage: true
header-right: Jiahao Zhang U6921098
footer-left: Australian National University
autoSectionLabels: true
listings: true
toc: true
toc-depth: 2
secnumdepth: 4
bibliography: [resources.bib]
csl: ieee.csl
# Eisvogel
titlepage: true
header-right: Report
footer-left: Australian National University
toc-own-page: true
table-use-row-colors: false
listings-no-page-break: false
code-block-font-size: \normalsize
# Crossref
subfigGrid: true
autoSectionLabels: true
# Citeproc
link-citations: true
reference-section-title: References
---
</code></pre>
<p>在每个 Markdown 文件最上面形如上面 YAML 代码的叫做<code>YAML Front Matter</code>,可以理解为对全文的配置。这里主要是一些对<a href="https://www.pandoc.org/MANUAL.html#variables" target="_blank" rel="noopener">Pandoc 的配置</a>以及对<a href="https://github.com/Wandmalfarbe/pandoc-latex-template#custom-template-variables" target="_blank" rel="noopener">Eisvogel 主题的配置</a></p>
<p>在每个 Markdown 文件最上面形如上面 YAML 代码的叫做<code>YAML Front Matter</code>,可以理解为对全文的配置。这里主要是一些对<a href="https://www.pandoc.org/MANUAL.html#variables" target="_blank" rel="noopener">Pandoc</a>,<a href="https://github.com/Wandmalfarbe/pandoc-latex-template#custom-template-variables" target="_blank" rel="noopener">Eisvogel</a>, <a href="http://lierdakil.github.io/pandoc-crossref/#general-options" target="_blank" rel="noopener">Crossref</a><a href="https://www.pandoc.org/MANUAL.html#citation-rendering" target="_blank" rel="noopener">Citeproc</a>的配置</p>
<h2 id="生成"><a class="header-anchor" href="#生成"></a>生成</h2>
<p>运行下面的命令就可以生成 PDF 啦😄。</p>
<pre><code class="language-powershell">pandoc Report.md `
@ -234,8 +345,9 @@ subfigGrid: true
--standalone `
--listings `
--number-sections `
--pdf-engine=xelatex `
--filter pandoc-crossref `
--filter=pandoc-citeproc `
--pdf-engine=xelatex `
--template eisvogel
</code></pre>
<p>简单解释一下,</p>
@ -244,8 +356,9 @@ subfigGrid: true
<li><code>--standalone</code> 独立完整文件</li>
<li><code>--listings</code> 使用<a href="https://ctan.org/pkg/listings" target="_blank" rel="noopener">listings</a>高亮代码</li>
<li><code>--number-sections</code> 启用段落编号</li>
<li><code>--filter pandoc-crossref</code> 使用过滤器 <code>pandoc-crossref</code></li>
<li><code>--filter pandoc-citeproc</code> 使用过滤器 <code>pandoc-citeproc</code></li>
<li><code>--pdf-engine=xelatex</code> 指定 PDF 的 engine 为 <code>xelatex</code></li>
<li><code>--filter pandoc-crossref</code> 指定过滤器为 <code>pandoc-crossref</code></li>
<li><code>--template eisvogel</code> 指定模板为 <code>eisvogel</code></li>
</ul>
<h2 id="想法"><a class="header-anchor" href="#想法"></a>想法</h2>
@ -301,7 +414,7 @@ subfigGrid: true
<div class="box sticky animated fadeInRight faster">
<div id="toc" class="subbox">
<h4>目录</h4>
<ol class="toc"><li class="toc-item toc-level-2"><a class="toc-link" href="#前言"><span class="toc-number">1.</span> <span class="toc-text">¶前言</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#样例"><span class="toc-number">2.</span> <span class="toc-text">¶样例</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#思路"><span class="toc-number">3.</span> <span class="toc-text">¶思路</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#准备"><span class="toc-number">4.</span> <span class="toc-text">¶准备</span></a><ol class="toc-child"><li class="toc-item toc-level-3"><a class="toc-link" href="#Markdown-语法"><span class="toc-number">4.1.</span> <span class="toc-text">¶Markdown 语法</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#Markdown-编辑器"><span class="toc-number">4.2.</span> <span class="toc-text">¶Markdown 编辑器</span></a><ol class="toc-child"><li class="toc-item toc-level-4"><a class="toc-link" href="#选项-1-VSCode"><span class="toc-number">4.2.1.</span> <span class="toc-text">¶选项 1: VSCode</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#选项-2-Typora"><span class="toc-number">4.2.2.</span> <span class="toc-text">¶选项 2: Typora</span></a></li></ol></li><li class="toc-item toc-level-3"><a class="toc-link" href="#Latex-Engine"><span class="toc-number">4.3.</span> <span class="toc-text">¶Latex Engine</span></a><ol class="toc-child"><li class="toc-item toc-level-4"><a class="toc-link" href="#选项-1-MiKTeX"><span class="toc-number">4.3.1.</span> <span class="toc-text">¶选项 1: MiKTeX</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#选项-2-TeX-Live"><span class="toc-number">4.3.2.</span> <span class="toc-text">¶选项 2: TeX Live</span></a></li></ol></li><li class="toc-item toc-level-3"><a class="toc-link" href="#Pandoc"><span class="toc-number">4.4.</span> <span class="toc-text">¶Pandoc</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#Eisvogel-主题"><span class="toc-number">4.5.</span> <span class="toc-text">¶Eisvogel 主题</span></a></li></ol></li><li class="toc-item toc-level-2"><a class="toc-link" href="#配置"><span class="toc-number">5.</span> <span class="toc-text">¶配置</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#生成"><span class="toc-number">6.</span> <span class="toc-text">¶生成</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#想法"><span class="toc-number">7.</span> <span class="toc-text">¶想法</span></a></li></ol>
<ol class="toc"><li class="toc-item toc-level-2"><a class="toc-link" href="#前言"><span class="toc-number">1.</span> <span class="toc-text">¶前言</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#样例"><span class="toc-number">2.</span> <span class="toc-text">¶样例</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#思路"><span class="toc-number">3.</span> <span class="toc-text">¶思路</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#准备"><span class="toc-number">4.</span> <span class="toc-text">¶准备</span></a><ol class="toc-child"><li class="toc-item toc-level-3"><a class="toc-link" href="#Markdown-语法"><span class="toc-number">4.1.</span> <span class="toc-text">¶Markdown 语法</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#Markdown-编辑器"><span class="toc-number">4.2.</span> <span class="toc-text">¶Markdown 编辑器</span></a><ol class="toc-child"><li class="toc-item toc-level-4"><a class="toc-link" href="#选项-1-VSCode"><span class="toc-number">4.2.1.</span> <span class="toc-text">¶选项 1: VSCode</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#选项-2-Typora"><span class="toc-number">4.2.2.</span> <span class="toc-text">¶选项 2: Typora</span></a></li></ol></li><li class="toc-item toc-level-3"><a class="toc-link" href="#Latex-Engine"><span class="toc-number">4.3.</span> <span class="toc-text">¶Latex Engine</span></a><ol class="toc-child"><li class="toc-item toc-level-4"><a class="toc-link" href="#选项-1-MiKTeX"><span class="toc-number">4.3.1.</span> <span class="toc-text">¶选项 1: MiKTeX</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#选项-2-TeX-Live"><span class="toc-number">4.3.2.</span> <span class="toc-text">¶选项 2: TeX Live</span></a></li></ol></li><li class="toc-item toc-level-3"><a class="toc-link" href="#Pandoc"><span class="toc-number">4.4.</span> <span class="toc-text">¶Pandoc</span></a><ol class="toc-child"><li class="toc-item toc-level-4"><a class="toc-link" href="#Pandoc-主程序"><span class="toc-number">4.4.1.</span> <span class="toc-text">¶Pandoc 主程序</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#Pandoc-Filter"><span class="toc-number">4.4.2.</span> <span class="toc-text">¶Pandoc Filter</span></a><ol class="toc-child"><li class="toc-item toc-level-5"><a class="toc-link" href="#原理"><span class="toc-number">4.4.2.1.</span> <span class="toc-text">¶原理</span></a></li><li class="toc-item toc-level-5"><a class="toc-link" href="#例子"><span class="toc-number">4.4.2.2.</span> <span class="toc-text">¶例子</span></a></li><li class="toc-item toc-level-5"><a class="toc-link" href="#推荐"><span class="toc-number">4.4.2.3.</span> <span class="toc-text">¶推荐</span></a></li></ol></li><li class="toc-item toc-level-4"><a class="toc-link" href="#Pandoc-Theme-Eisvogel-主题"><span class="toc-number">4.4.3.</span> <span class="toc-text">Pandoc Theme: Eisvogel 主题</span></a></li></ol></li></ol></li><li class="toc-item toc-level-2"><a class="toc-link" href="#配置"><span class="toc-number">5.</span> <span class="toc-text">¶配置</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#生成"><span class="toc-number">6.</span> <span class="toc-text">¶生成</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#想法"><span class="toc-number">7.</span> <span class="toc-text">¶想法</span></a></li></ol>
</div>
</div>