CSDN-markdown编辑器使用说明

CSDN-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]来生成目录:

  • CSDN-markdown编辑器使用说明

    • 快捷键
    • Markdown及扩展
      • 表格
      • 定义列表
      • 代码块
      • 脚注
      • 目录
      • 数学公式
      • UML 图
    • 离线写博客
    • 浏览器兼容

数学公式

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

  • 行内公式,数学公式为:Γ(n)=(n?1)!?n∈N。
  • 块级公式:

x=?b±b2?4ac???????√2a

更多LaTex语法请参考 这儿.

UML 图:

可以渲染序列图:

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

或者流程图:

Created with Rapha?l 2.1.0开始我的操作确认?结束yesno

  • 关于 序列图 语法,参考 这儿,
  • 关于 流程图 语法,参考 这儿.

离线写博客

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

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

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

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

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

浏览器兼容

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


  1. 这里是 脚注内容. ?
时间: 2024-08-10 10:33:38

CSDN-markdown编辑器使用说明的相关文章

CSDN markdown 编辑器 第二篇 markdown简单使用

第一篇简单介绍了markdown. 第一篇地址 第二篇主要会介绍不熟悉markdown语言的人如何使用CSDN新的编辑器.这里主要介绍图形编辑器.已经掌握的人请挪步. 前面几个都非常简单.例如对字体加粗和斜体. - 或者是对 [帐前卒专栏](http://chillyc.info) 加个链接.用![连接图标](http://img.blog.csdn.net/20150312221433385) - 再者就是加个图片:![图片图标](http://img.blog.csdn.net/201503

CSDN markdown 编辑器 第一篇

最近CSDN 新出了markdown编辑器.我这也算是尝鲜. 最初接触markdown编辑器是在2011年.那个时候,使用markdown编辑器写blog.然后将blog放到github上托管.markdown还不能像现在这样可以实时编辑显现.那个时候有一个markdown engine专门将markdown语法转换成html. 每次感觉自己写对了.实际上语法各种不对. 究竟什么是markdown? markdown是一种更加贴近自然表达的语法,它可以转换成互联网上通用展示的html格式. -

markdown编辑器使用说明

欢迎使用Markdown编辑器写博客 本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦: Markdown和扩展Markdown简洁的语法 代码块高亮 图片链接和图片上传 LaTex数学公式 UML序列图和流程图 离线写博客 导入导出Markdown文件 丰富的快捷键 快捷键 加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl + Q 插入链接 Ctrl + L 插入代码 Ctrl + K 插入图片 Ctrl + G 提升标题 Ctrl + H

CSDN markdown 编辑器 第四篇 LaTex语法

Latex是为了写数学公式的.嗯-但实际这种语言的作用是为了排版的.数学公式只是他的附加属性. 但是markdown引入这个完全是为了写公式.其他的Latex语法不支持. CSDN markdown语法支持的latex,分为两类 - 行内公式: $\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$ 这是行内公式: Γ(n)=(n?1)!?n∈N 块级公式: $$ x = \dfrac{-b \pm \sqrt{b^2 - 4ac}}{2a} $$ 这个是块

CSDN markdown 编辑器 第三篇 基本语法篇

这一篇准备抄一下help文档,另外加一些自己的解释.这一篇里不讲UML和LaTEX. 准备抽两个篇专门讲一下. 1. 标题与字号 markdown字号太少了,觉得应该再加些. 在文字写书写不同数量的#可以完成不同的标题,如下: # 一级标题 ## 二级标题 ### 三级标题 #### 四级标题 ##### 五级标题 ###### 六级标题 一级标题 二级标题 三级标题 四级标题 五级标题 六级标题 这里的需要注意的是 #[空格]标题 一定要有空格 等号及减号也可以进行标题的书写,不过只能书写二级

CSDN markdown 编辑器 第五篇 UML

这里大概就只能生成两种类型的图: 序列图 流程图 序列图 ```sequence A->B: 一句话证明你很寂寞. Note right of B: thinking B->B: counting B-->A: 这句话有一共六十九笔 ``` Created with Rapha?l 2.1.2AABB一句话证明你很寂寞.thinkingcounting这句话有一共六十九笔 序列图很简单, 左边 A->B就能生成两个对象.按照从上至下的顺序,将序列依次画出. –>是虚线, -&

CSDN markDown编辑器语法规则

'-'短横线符号, 位于一行前表示项目符号, 显示效果中的项目符号标记为"黑色实心圆点", 并且会自动段落缩进; 如果有两个'- -',中间有空格, 表示更深层级的项目符号; '*'星星符号, 位于一行的前面和后面, 成对出现,用来控制字体, 一对星星符号表示斜体字, 两对表示粗体字; '#'号, 位于一行前, 如果该行有其他控制符号, 那么'#'号要位于最前面, 用来控制字体尺寸, 可以重复叠加, 叠加后字体尺寸变小; 使用快捷键时, 要先选中内容 '>'向右的箭头符号, 用于

CSDN Markdown语法之如何插入图片

目录 图片上传方式 插入在线图片 插入本地图片 图片链接方式 行内式图片链接 参考式图片链接 几个问题探讨 问题1:图片上传和图片链接两种方式的区别 问题2:Markdown中如何指定图片的高和宽? 问题3:Markdown中如何指定图片的对齐方式? 正文 在CSDN Markdown编辑器中插入图片有两种方式: 使用工具栏上的图片上传功能 自己动手写图片链接的方式 下面分别介绍它们的使用方法. 图片上传方式 这种方式最简单,属图形化方式.大家可以很容易的在CSDN Markdown编辑器的工具

[csdn markdown]使用摘记一源代码高亮及图片上传和链接

本文主要内容是体验csdn markdown的代码块高亮显示和图片链接及上传. 图片上传 上边这是标题行,只需要使用一个#就可以表示,几个表示是几级标题 图片上传 本地图片上传控件 本地图片上传方式 csdn markdown编辑器的整体风格 源代码高亮显示 插入链接 如果想要自动根据标题生成目录,那么就使用[TOC] 标记来表示这里是目录,并且会自动生成.在我们编辑文章的时候,可以看到左边是编辑区,右边是预览图,编辑的实时效果都在右边显示. 本地图片上传控件 当我们想上传本地图片的时候,只需要

走近CSDN博客Markdown编辑器

Markdown是什么 为什么使用Markdown Markdown的优点 全新的体验 如何切换到MarkDown编辑器 通过发表文章页面切换到MarkDown编辑器 通过博客配置将Markdown设置为默认编辑器 初识Markdown编辑器布局 总体布局 通过博客管理菜单可以切换到HTML编辑器 点击工具栏的帮助按钮可以打开帮助面板 发表博客 设置摘要和标签 文章设置 发布 Markdown是什么? Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,然后转换成