试用MarkDown

自定义界面风格

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

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

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

HTML预览的自定义

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

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

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

从新定义HTML的渲染模板

在MarkEditor的设置里,你也能够自定义一个模板来渲染最终的HTML,还能够增长本身自定义CSS样式文件。code

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

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

<!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>
相关文章
相关标签/搜索