如何自定义 Markdown 预览的模板
如何设定？
在文件管理器的左下角，打开当前工作目录的配置界面(快捷键为 Shift+Command+, )，选择 Markdown Template 即可设置。
Markdown HTML模板
Markdown 的 HTML 模板控制的是 Markdown 解析为 HTML 过程，在设置中有相应配置；除此之外，每个目录(文件夹)对应的配置内也有 Markdown HTML模板的设置，仅对当前目录内的文件生效，并且优先级高于全局的配置。
模板中需要指定{{ content }}这个变量，这是Markdown转义过来原始的HTML内容，另外{{ title }}一般放在<head><title>上，{{ css }}这个变量对应的是一个CSS样式文件，它是由当前界面风格自动生成的，你也可以用自己的样式文件替代。
<--header_scripts--> 最终会被替换为流程图支持的js文件，<!--mathjax--> 则是对应数学公式支持的js文件，<!--mermaid--> 表示对应 mermaid 流程图的脚本。如非自行替换，一般建议保留。
默认的 Markdown 渲染模板 (附)
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-us">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="renderer" content="webkit">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"/>
<meta content="yes" name="apple-mobile-web-app-capable"/>
<meta content="black" name="apple-mobile-web-app-status-bar-style"/>
<meta content="telephone=no" name="format-detection"/>
<meta name="renderer" content="webkit"/>
<title>{{ title }}</title>
<link rel="stylesheet" href="{{ css }}">
<!--header_scripts-->
</head>
<body>
<div class="post">
<div class="post_body">
{% if for_page and meta_title and filename !='cover'%}
<div class=title_container>
<h1> {{ meta_title}} </h1>
{% if meta_subtitle %}
<h2> {{meta_subtitle}} </h2>
{% endif%}
</div>
{% endif %}
{{ content }}
</div>
</div>
<!--mathjax-->
<!--mermaid-->
</body>
</html>
Comments