自定义界面风格

可以在设置中选择日间，或者夜间模式进行定义。具体的定义项的说明，可以查看菜单栏 (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. eclipse导入项目之后有感叹号

    说明项目的编译过程报错.导致原因:项目引入后,需要重新配置jar包路径. 1.右击你的项目-->Build Path-->Configure Build Path.... 2.在弹出的对话 ...

  2. 怎么解决ERROR in Node Sass does not yet support your current environmen问题？

    好久没有重新安装node.js,昨天和小伙伴们一起安装,由于自己是在网上自行下载的node,安装地比较顺利,但另外两个小伙伴用的共享文件夹里自带的node,却是屡次碰到问题,快被逼疯,在运行Vue时总 ...

  3. 批处理注册dll时候 遇到错误：模块已加载，但对***dll的调用失败

    解决方法 在批处理的第一行加入:cd /d %~dp0 然后在批处理上右键选择使用管理员权限运行

  4. yarn 淘宝源安装与使用用法

    Yarn 淘宝源 yarn config set registry https://registry.npm.taobao.org -g yarn config set sass_binary_sit ...

  5. 三、Html常用标签

    1,基本标签 <html>:html文档的根元素,可以指定一个xmlns属性,值只能是http://www/w3.org/1999/xhtml. <body>:页面主体部分 & ...

  6. CURL模拟post请求上传文件

    贴一段醍醐灌顶的话: 逻辑很简单,设置POST变量$post_data,其中upload指向需要发送的文件.这里要注意,我们之前使用POST都是发送一个字符串,然后在服务器端使用file_get_co ...

  7. 换行符\n和回车符\r

    问题始于社区的一个帖子,楼主的问题如下: “在c语言中,对一个不知道大小的文件进行读操作,我用fread()将文件的内容先放到一个缓存区,然后将缓存区中的内容打印出来, 缓存区中的内容和文件中的内容不 ...

  8. cmd中控制某个命令执行多少次

    for /l %i in (1,1,5) do calc五次启动计算器程序for /l %i in (start ,step,end) do commandfor /l 表示从数字start开始,以s ...

  9. iOS-iOS调用相机调用相册【将图片保存到本地相册】

    设置头部代理 <UINavigationControllerDelegate, UIImagePickerControllerDelegate> 1.调用相机 检测前置摄像头是否可用 - ...

  10. 机器学习01：使用scikit-learn的线性回归预测Google股票

    这是机器学习系列的第一篇文章. 本文将使用Python及scikit-learn的线性回归预测Google的股票走势.请千万别期望这个示例能够让你成为股票高手.下面按逐步介绍如何进行实践. 准备数据 ...