Markdown编辑器使用简介及样例

这篇博客详细介绍了CSDN的Markdown编辑器,包括Markdown的基本语法如标题、列表、引用、链接、图片和代码高亮等,并讨论了其扩展功能,如数学公式、UML图和离线写作。此外,还提到了编辑器的快捷键和浏览器兼容性。
摘要由CSDN通过智能技术生成

CSDN-Markdown编辑器写博客

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

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

1. Markdown简介

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

2. Markdown语法

2.1 标题

标题最多有6中层级,区别主要在于最终所显示的文字的大小不同

  • 语法
# H1
## H2
### H3
#### H4
##### H5
###### H6
  • 效果

H1

H2

H3

H4
H5
H6

###2.2 字体

  • 语法
**粗体** 
*斜体*
***粗斜体*** 
~~delete~~ 
加`重点阴影看到没`
  • 效果
    粗体
    斜体
    粗斜体
    delete
    重点阴影看到没

###2.3 定义列表

  • 语法与效果
1. 第一点
2. 第二点
    1. 第二点第一小点
    2. 第二点第二小点
3. 第三点
  1. 第一点
  2. 第二点
    1. 第二点第一小点
    2. 第二点第二小点
  3. 第三点
2.3.2 无序列表

无需列表主要通过缩进来体现要点之间的层级结构。

  • 语法
- point 1
  - point 1.1
  - point 1.2
     - piont 1.2.1
     - piont 1.2.2
- point 2
- point 3
  • 效果

  • point 1

    • point 1.1
    • point 1.2
      • piont 1.2.1
      • piont 1.2.2
  • point 2

  • point 3

2.3.3 需要突出要点并且需要文字对齐

使用冒号来对其文字,与表格中的对齐思想类似。

  • 语法
项目1
项目2
:   定义 A
:   定义 B

项目3
:   定义 C
:   定义 D

	> 定义D内容
  • 效果

项目1
项目2
: 定义 A
: 定义 B

项目3

定义 C

定义 D

定义D内容

2.4 引用

2.5 插入超链接

  • 语法
[方法1](http://www.csdn.net)
[方法2][2]
[2]: https://github.com/jmcmanus/pagedown-extra "Pagedown Extra"
  • 效果
    方法1
    方法2

  • 特点说明:
    方法1:一种文内直接标注的方法,在上下文之间直接插入链接内容。
    方法2:隐藏的[2]这一行可以在Markdown文档底部看到。这种注释方法这种方法的好处是方便编辑,方便讲整篇文章所需要的所有的。
    如需链接可视依据此编辑:https://github.com/benweet/stackedit

2.6 插入图片

2.7 插入视频

2.8 表格

  • 说明
    • 竖线横线来划分表格结构。
    • 冒号:定义对齐方式
      • 默认对其方式为左对齐,即没有冒号的情况下为左对齐。
      • 右对齐:冒号在右边
      • 居中对齐:两边都有冒号
      • 表格中也可以使用对文本编辑的语法来实现突出重点的效果。
  • 语法
| id |   项目   |  价格 | 数量  |
| -- | :-------- | --------: | :--: |
| 1 | *Computer*  | **1600 元** |  ***5***   |
| 2 | Phone     |   12 元 |  12  |
| 3 | Pipe      |    1 元 | 234  |
  • 效果
    | id | 项目 | 价格 | 数量 |
    | – | :-------- | --------: | :–: |
    | 1 | Computer | 1600 元 | 5 |
    | 2 | Phone | 12 元 | 12 |
    | 3 | Pipe | 1 元 | 234 |

2.9 代码显示

显示代码内容

  • 语法
   ```markdown
   print ("Hello, world!")
- 效果
```markdown
print ("Hello, world!")

指定编程语言代码块高亮

  • 语法
    ```python
    @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
    ```
  • 效果
@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'''

2.10 目录

[TOC]来生成目录:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值