自定义界面风格

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

转载于:https://www.cnblogs.com/joeymary/p/6437575.html

试用MarkDown相关推荐

  1. 试用MarkDown标记法和Haroopad编辑器

    试用Haroopad 一.写在前面 说来挺神奇,MarkDown标记法是我在EDN论坛这个电子技术网站上被安利的. 一接触就爱上它了,使用起来简洁方便,所以从今天开始换成用MarkDown标记法来编写 ...

  2. 用markdown + html写一封简历

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

  3. MarkDown、Vim双剑合璧

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

  4. Markdown (1)

    Markdown(1) 之前我们讨论了纯文本编辑器.有了编辑器当然要写点什么.比如写写日记,小说或者给博客打个草稿.等用纯文本编辑器写东西的新鲜劲过去之后,可能你会发现这东西几乎不支持任何排版样式,连 ...

  5. android 不固定指示器,Android简单的页面指示器

    最近项目需要加一个导航页,页面有个简单的指示器功能,本来这个东西ui用图画好就可以,但是那样的指示器是死的,小圆点不会随着页面的滑动而滑动. 我们需要的是上图这种效果. 这也很简单,网上一大推实现好的 ...

  6. typora最好用的主题_谁是我心中最好的写作工具?

    MWeb 和 Ulysses 是两款优秀的 Markdown 笔记写作类软件.也是我现在 Mac 里的两款写作软件.但是我并不喜欢同时使用两个功能非常相似的软件.所以最近也在 MWeb 和 Ulyss ...

  7. 博客园使用highlight.js对代码进行高亮,并实现自定义关键词高亮

    看了网上那么多有关highlight.js的教程,自己还没学过JavaScript和CSS,硬是花了3天的时间,才终于弄出了自己想要的效果.一开始我的博客园代码高亮效果是这样的: 个人希望代码块能够实 ...

  8. 【经验】Qt项目开发必备工具

    在实际的项目中,除了需要掌握Qt开发框架本身,还需要掌握一些开发工具.这些工具能起到事半功倍的效果,甚至某些工具是开发不可或缺的.下面笔者就介绍一些常用的开发工具的用法及下载地址,希望对缺少实际项目经 ...

  9. java echarts 散点图,echarts在地图上绘制散点图(任意点)

    项目需求:在省份地图上绘制散点图,散点位置不一定是哪个城市或哪个区县,即任意点 通过查询官网文档,找到一个与需求类似的Demo:https://www.echartsjs.com/gallery/ed ...

最新文章

  1. (转)Linux下C++开发初探
  2. 1.4 正则化-深度学习第二课《改善深层神经网络》-Stanford吴恩达教授
  3. Keepalived+Nginx 实现双机热备
  4. qt服务器获取formdata文件,QT上传(PUT)文件
  5. for循环延时_单片机的独立按键学习,实现60秒循环数字的启动暂停与清零
  6. 中国呼叫中心产业五大关键技术
  7. jupyter 写sql_了解适用于SQL Server的Jupyter Notebooks
  8. 关于phpexcel读取时间字段的格式不正确
  9. Linux基础之bash shell介绍及基本特性
  10. shopnum1商城系统
  11. R语言 高阶可视化绘图系统:ggplot2入门 | 第8讲
  12. 基于SSM实现旅游住宿和导游系统
  13. deepfacelab安卓版_DeepFaceLab620稳定版使用过程详解!
  14. word上下的横线怎么去掉_word文档上面有一条横线怎么去掉
  15. 0-博客笔记导读目录(全部)-20220506backup
  16. echarts立体柱状图
  17. 一分钟整明白web前端和Java后端的就业前景
  18. 【100%通过率】华为OD机试真题 Python 实现【核酸最快检测效率】【2022.11 Q4 新题】
  19. android系统视频剪辑app推荐,知乎10w人收藏:玩短视频必装的9款剪辑App(最全)...
  20. 嘿,Logo,你应该是这个尺寸的!

热门文章

  1. 字典生成_Python数据字典生成工具详解
  2. 西南交通大学计算机专硕调剂,2019年西南交通大学接收调剂信息
  3. Java正则表达式校验工具类_【Java工具类】----正则表达式校验工具类
  4. autocad不能画图_设计院老司机谈CAD:学习AutoCAD掌握方法技巧更重要
  5. mysql数据库互联网连接_myeclipse怎么连接mysql数据库?(详细步骤)
  6. 数学建模 时间序列模型
  7. FPGA之道(53)状态机的模型
  8. FPGA之道(17)FPGA设计的时序分析
  9. 【 MATLAB 】信号处理工具箱之fft简介及案例分析
  10. 安全设置Windows组策略 有效阻止黑客