markdown编辑器_SkyeAngel的博客-程序员秘密

技术标签: markdown  

欢迎使用Markdown编辑器写博客

本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:

  • Markdown和扩展Markdown简洁的语法
  • 代码块高亮
  • 图片链接和图片上传
  • LaTex数学公式
  • UML序列图和流程图
  • 离线写博客
  • 导入导出Markdown文件
  • 丰富的快捷键

快捷键

  • 加粗 Ctrl + B
  • 斜体 Ctrl + I
  • 引用 Ctrl + Q
  • 插入链接 Ctrl + L
  • 插入代码 Ctrl + K
  • 插入图片 Ctrl + G
  • 提升标题 Ctrl + H
  • 有序列表 Ctrl + O
  • 无序列表 Ctrl + U
  • 横线 Ctrl + R
  • 撤销 Ctrl + Z
  • 重做 Ctrl + Y

Markdown及扩展

Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,然后转换成格式丰富的HTML页面。 —— [ 维基百科 ]

使用简单的符号标识不同的标题,将某些文字标记为粗体或者斜体,创建一个链接等,详细语法参考帮助?。

本编辑器支持 Markdown Extra ,  扩展了很多好用的功能。具体请参考Github.

表格

Markdown Extra 表格语法:

项目 价格
Computer $1600
Phone $12
Pipe $1

可以使用冒号来定义对齐方式:

项目 价格 数量
Computer 1600 元 5
Phone 12 元 12
Pipe 1 元 234

定义列表

Markdown Extra 定义列表语法: 项目1 项目2
定义 A
定义 B
项目3
定义 C

定义 D

定义D内容

代码块

代码块语法遵循标准markdown代码,例如:

@requires_authorization
def somefunc(param1='', param2=0):
    '''A docstring'''
    if param1 > param2: # interesting
        print 'Greater'
    return (param2 - param1 + 1) or None
class SomeClass:
    pass
>>> message = '''interpreter
... prompt'''

脚注

生成一个脚注1.

目录

[TOC]来生成目录:

数学公式

使用MathJax渲染LaTex 数学公式,详见math.stackexchange.com.

  • 行内公式,数学公式为: Γ(n)=(n1)!nN Γ ( n ) = ( n − 1 ) ! ∀ n ∈ N
  • 块级公式:

x=b±b24ac2a x = − b ± b 2 − 4 a c 2 a

更多LaTex语法请参考 这儿.

UML 图:

可以渲染序列图:

Created with Raphaël 2.1.2 张三 张三 李四 李四 嘿,小四儿, 写博客了没? 李四愣了一下,说: 忙得吐血,哪有时间写。

或者流程图:

Created with Raphaël 2.1.2 开始 我的操作 确认? 结束 yes no
  • 关于 序列图 语法,参考 这儿,
  • 关于 流程图 语法,参考 这儿.

离线写博客

即使用户在没有网络的情况下,也可以通过本编辑器离线写博客(直接在曾经使用过的浏览器中输入write.blog.csdn.net/mdeditor即可。Markdown编辑器使用浏览器离线存储将内容保存在本地。

用户写博客的过程中,内容实时保存在浏览器缓存中,在用户关闭浏览器或者其它异常情况下,内容不会丢失。用户再次打开浏览器时,会显示上次用户正在编辑的没有发表的内容。

博客发表后,本地缓存将被删除。 

用户可以选择 把正在写的博客保存到服务器草稿箱,即使换浏览器或者清除缓存,内容也不会丢失。

注意:虽然浏览器存储大部分时候都比较可靠,但为了您的数据安全,在联网后,请务必及时发表或者保存到服务器草稿箱

浏览器兼容

  1. 目前,本编辑器对Chrome浏览器支持最为完整。建议大家使用较新版本的Chrome。
  2. IE9以下不支持
  3. IE9,10,11存在以下问题
    1. 不支持离线功能
    2. IE9不支持文件导入导出
    3. IE10不支持拖拽文件导入


  1. 这里是 脚注内容.
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/cskye/article/details/81279013

智能推荐

git分支的衍合_冰凌花花的博客-程序员秘密

把一个分支中的修改整合到另一个分支的办法有两种:merge和rebase,当开发进程分叉到两个不同的分支,又各自提交了更新。最容易的整合分支的方法是merge, 它会把两个分支最新的快照以及两者的共同祖先进行三方合并,合并的结果是产生一个新的提交对象。其实还有另外一个选择,可以在一个分支里发生的变化补丁在另一个分支重新打一遍,这种操作叫做衍合,rebase的作用就是

html css 的页面切图_htmlcss切图_andyliu的博客-程序员秘密

*{margin:0;padding:0;list-style:none;}#tab, #tab li a:hover{background:url(ding.png) no-repeat;z-index:10}#tab{width:760px;height:42px;}#tab li{float:left;}#tab .l1 a{display:block;width:100px

15.Linux内核中的pinctrl子系统应用实例_pinctrl-0 pinctrl-1_深海带鲤鱼的博客-程序员秘密

Linux内核中的pinctrl子系统应用实例 由于近期在做一个项目用到了pinctrl子系统,但是对pinctrl子系统了解又不是很多,所以遇到了麻烦,但是找度娘发现很少有同行对pinctrl的具体用法做出说明,所以只能自己去搞了,在经过一段时间对Linux内核源码的折腾,最终搞定,并将我所应用的实例给展示一下,希望对大家有所帮助。 关于pinctrl是什么,为什么要用pinctrl,源码深度剖析我在这就不赘述了,有位博友总结的非常好,大家可以参考...

【SpringBoot】Thymeleaf获取ModelAndView传的值_modelandview传值 前台取值_飝鱻.的博客-程序员秘密

Thymeleaf获取ModelAndView传的值Thymeleaf获取ModelAndView的值有俩种可能,一种是直接由后台传递的值,第二种是后台重定向穿的值后台直接穿得值后台 ModelAndView mv = new ModelAndView(); mv.setViewName("/hello"); return mv;前端<div th:text="${msg}"></div>重定向传值后台

lightOJ - 1265(概率与期望)_偷吃了老鼠的土豆的博客-程序员秘密

题目:LightOJ - 1265 You are in a reality show, and the show is way too real that they threw into an island. Only two kinds of animals are in the island, the tigers and the deer. Though unfortunate but...

宽度优先搜索------迷宫的最短路径_Oanakiaja的博客-程序员秘密

·迷宫的最短路径  给定一个大小为N×M的迷宫。迷宫由通道和墙壁组成,每一步可以向邻接的上下左右四个的通道移动。请求出从起点到终点所需的最小步数。请注意,本题假定从起点一定可以移动到终点。(N,M≤100)('#', '.' , 'S', 'G'分别表示墙壁、通道、起点和终点)输入:10 10#S######.#......#..#.#.##.##.#.#...........

随便推点

黑马程序员——IO流之File类等小结_1305096789的博客-程序员秘密

------Java培训、Android培训、iOS培训、.Net培训、期待与您交流! -------File对象专门用于描述系统中文件或者文件夹的对象。可以用于操作文件或文件夹的属性信息。File对象可以作为参数传递给流的构造函数。1、创建。 createNewFile(); //如果此文件已经存在,则返回false 2、删除。 delete(); d

es java 聚合方法——单字段分组后求和_es分组求和_柒然的博客-程序员秘密

/** * 分组后求和 */ @Test public void sumAfterAgg() { SearchResponse response = client.prepareSearch("twitter").setTypes("tweet") .addAggregation(AggregationBuilde...

Ken Thompson的话_chulu6182的博客-程序员秘密

Modern programming scares me in many respects, where they will just build layer after layer after layer that does nothing except translate. 当代程序员的...

MySQL报错:Error writing file '/tmp/MY4WYVlC' (Errcode: 28 - No space left on device)_HaHa_Sir的博客-程序员秘密

MySQL报错:Error writing file '/tmp/MY4WYVlC' (Errcode: 28 - No space left on device)一、问题描述1、MySQL好好的,突然就不行了,信息如下:系统内部错误.错误信息:org.springframework.jdbc.UncategorizedSQLException:### Error q...

Solr Filter过滤器介绍_soter.filter_cj96248的博客-程序员秘密

摘要: Solr的过滤器对接收到的标记流(TokenStream )做额外的处理。参见原文Solr的Analyzer分析器、Tokenizer分词器、Filter过滤器的区别/联系Analyzer负责把文本字段转成token stream,然后自己处理、或调用Tokenzier和Filter进一步处理,Tokenizer和Filter是同等级和顺序执行的关系,一个处理完后交给下一个处

IOS 图片转换二进制 二进制转换为图片_weixin_34129696的博客-程序员秘密

//类方法 图片 转换为二进制+(NSData *)Image_TransForm_Data:(UIImage *)image{ NSData *imageData = UIImageJPEGRepresentation(image , 0.5); //几乎是按0.5图片大小就降到原来的一半 比如这里 24KB 降到11KB return imageData...

推荐文章

热门文章

相关标签