试用MarkDown

Posted JoeyBlog

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了试用MarkDown相关的知识,希望对你有一定的参考价值。

自定义界面风格

可以在设置中选择日间,或者夜间模式进行定义。具体的定义项的说明,可以查看菜单栏 (Windows版本位于托盘按钮上) 自定义的帮助
MarkEditor几乎所有跟色彩有关的界面,都已开放出来自定义。如果自己看到朋友已经定义好的样式,感觉欢喜,可以让对方直接把定义的文本内容给你,粘贴到设置项中并应用即可。

跟色彩没有直接关系的一些地方:

  • 文件管理器: 它有三中表现形式,在对应的文件夹设置项中可以定义;
  • 底部栏: 可以通过Ctrl+0这个快捷键切换是否显示,设置中也可以设定默认是否显示;
  • Tab栏: 但有且仅有一个Tab的时候,Tab栏会自动消失。

html预览的自定义

当你预览makdown最终内容,或者选择导出的时候,你可能想重新定义HTML的模板或者css样式。
一般有两种方式:

直接修改MarkEditor的日间、夜间风格

这些界面相关的定义项,默认会最终生成对应的css文件,比如文字的颜色, 在正文中什么样子,在预览中也会什么样子。

重新定义HTML的渲染模板

在MarkEditor的设置里,你也可以自定义一个模板来渲染最终的HTML,还可以增加自己自定义CSS样式文件。

模板中需要指定%(content)s这个变量,这是Markdown转义过来原始的HTML内容,另外%(title)s一般放在<head><title>上,%(css)s这个变量对应的是一个CSS样式文件,它是由当前界面风格自动生成的,你也可以用自己的样式文件替代。<--header_scripts-->最终会被替换为流程图支持的js文件,<!--mathjax-->则是对应数学公式支持的js文件,如非自行替换,一般建议保留。

MarkEditor系统默认的模板代码如下:

<!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" />
    <title>%(title)s</title>
    <link rel="stylesheet" href="%(css)s">
    <!--header_scripts-->
</head>
<body>
<div class="post">
    <div class="post_body">
        %(content)s
    </div>
</div>
<!--mathjax-->
</body>
</html>

以上是关于试用MarkDown的主要内容,如果未能解决你的问题,请参考以下文章

VS Code配置markdown代码片段

markdown PHPExcel Notes和代码片段

markdown Git代码片段

markdown 岩组代码片段

markdown [magento] - 代码片段

markdown 在WordPress中使用jQuery代码片段