自定义界面风格

可以在设置中选择日间，或者夜间模式进行定义。具体的定义项的说明，可以查看菜单栏 (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的更多相关文章

  1. 试用Markdown来写东西

    试用Markdown来写东西 前言 之前有过一段时间的写东西的习惯,但是后来因为各种原因(主要是因为自己懒惰拖延),所以一直没有写,现在想再开始写,目的很明确,就是发现很多时候,写作能够很好的练习自己 ...

  2. 前端开发 | 尝试用Markdown写一下近几个月的总结

    近期总结 回顾 半年前 半年前,接触了前端一年多(工作半年)的我了解的东西只有下面这些.因为在公司里的工作就是切静态页,捣鼓CMS. HTML (比较简洁的编写HTML) CSS/CSS3 (PC兼容 ...

  3. 在cnblog中试用Markdown

    参考: http://www.cnblogs.com/cmt/p/markdown.html https://www.cnblogs.com/cmt/p/markdown-latex.html htt ...

  4. MarkDown初体验

    初体验 写在前面 一周前第一次听说了MarkDown这个编辑器,通过它知道了LaTex,正好满足了我多年对网上博客里的公式简陋的表达的需求.起初,只是用到了LaTex公式这一个功能 , 对于主要文字的 ...

  5. 用markdown + html写一封简历

    0. 前言 1. 阶段1 - 确定需要几个模块 2. 阶段2 - 使用纯文字填充简历 3. 阶段3 - 预留空格 4. 阶段4 - 文章垂直方向的调整 5. 阶段5 - 居中对齐 6. 阶段6 - 加 ...

  6. 尝试 Markdown 写测试用例

    我的原帖https://testerhome.com/topics/9412 大家都知道我们社区的帖子提倡用Markdown格式编写,正好项目进入稳定期,尝试用Markdown写下测试用例.有几个目的 ...

  7. MarkDown、Vim双剑合璧

    作为一名软件攻城狮(是的,我从来都以攻城狮自居! 我坚信如今的每一天,都在朝攻城狮迈进.虽然被菜鸟的肉身皮囊裹着,我依然还是怀着攻城狮的内心! 我非常讨厌别人喊我程序猿.虽然这是不争的事实!).... ...

  8. 记录一下第一次用markdown写博客回滚过程

    前面写博客,一直用的是博客园的TinyMCE编辑器, 今天不知道哪根筋搭牢了,想试试用Markdown写. 于是在“选项”里面把默认编辑器修改为“Markdown”,鉴于本人有一定的Markdown基 ...

  9. RSS与公众号

    这次怀念下曾经火热的RSS.RSS是我很喜欢的一种看信息学习的方式,但是这项技术随着谷歌reader产品的停止已经陨落了.之后再无给力的客户端,无法让人愉悦的使用.我也曾尝试用鲜果,有道等国内产品,由 ...

随机推荐

  1. vue不是内部或外部命令，配置一个Path系统变量就可以解决

    作为一个vue小白,最近为vue安装真是操碎了心.无论怎么查找网上的教程,还是解决不了"vue不是内部或外部的命令"诸如此类的问题.好在功夫不负有心人,终于在多次的试验下,成功解决 ...

  2. jsp页面从标签属性中获取值

    你还可以在"data-*" 属性里使用json语法,例如 <div id="awesome-json" data-awesome='{"game ...

  3. junit4初体验

    OK,现在我们正式开始junit4系列的整理.前面的junit38作为4的补充知道就好了,实际编码中我们以4为主.这里先来一把junit的初体验,同时也让我们来一步一步的了解下TDD的好处. ORM大 ...

  4. css 块状元素与行内元素(内联元素)的理解

    块状元素: 它一般是其他元素的容器元素,可以容纳块状元素和行内元素,它默认是不会和其他元素同一行的,即相当于两个块状元素写一起是垂直布局的.最常用的是div和p 行内元素: 行内元素又称内联元素,它只 ...

  5. 图像映射<map>、<area>

    1.<map>定义图像映射,图像映射(image-map)指带有可单击区域的一幅图像. 2.<area>定义图像映射中的区域,area元素永远嵌套在map元素内部,area元素 ...

  6. 【分布式】ZooKeeper学习之一：安装及命令行使用

    ZooKeeper学习之一:安装及命令行使用 一直都想着好好学一学分布式系统,但是这拖延症晚期也是没得治了,所以干脆强迫自己来写一个系列博客,从zk的安装使用.客户端调用.涉及到的分布式原理.选举过程 ...

  7. Spring的事务管理（理论篇，下篇提供代码实现）

    事务:逻辑上的一组操作,这组操作要么全部成功,要么全部失败(事务十大特性:原子性,一致性,隔离性,持久性) 原子性:事务是不可分割的工作单位,事务中的操作要么都发生了,要么都不发生.(也就是说不能单独 ...

  8. ABP示例程序-使用AngularJs，ASP.NET MVC，Web API和EntityFramework创建N层的单页面Web应用

    本片文章翻译自ABP在CodeProject上的一个简单示例程序,网站上的程序是用ABP之前的版本创建的,模板创建界面及工程文档有所改变,本文基于最新的模板创建.通过这个简单的示例可以对ABP有个更深 ...

  9. web开发过程中关于路径问题的总结

    约束: 相对路径概念-./代表当前目录.../代表上级目录 示例的所有文件都基于http://127.0.0.1:8080/test路径开放,test为对应的contextPath 前端 HTML标签 ...

  10. Python基础篇(一)

    首先需要从Python的官网下载python的安装程序,下载地址为:www.python.org/downloads.最新的版本为3.4.1,下载和操作系统匹配的安装程序并安装即可. 安装好了后,在开 ...