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

这一篇准备抄一下help文档,另外加一些自己的解释。这一篇里不讲UML和LaTEX。 准备抽两个篇专门讲一下。

1. 标题与字号

markdown字号太少了,觉得应该再加些。

在文字写书写不同数量的#可以完成不同的标题,如下:

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

这里的需要注意的是 #[空格]标题 一定要有空格

等号及减号也可以进行标题的书写,不过只能书写二级标题,并且需要写在文字的下面,减号及等号的数量不会对标题的字号产生影响,如下:

二级标题
=========

二级标题
---------

二级标题

二级标题

一直觉得这个语法是对诡异的。因为- 极可能是无序列表中的第一行。所以这个语法判断时候,还要判断-后面是否有一个空格。感觉文法很不舒服。这是为什么呢?

解析一下:markdown文法类似

从A到B的转移通过字符-,在B状态下markdown认为这个上面的字符都要加粗。如果下一个字符是[空格],那么markdown认为是一个无序列表,将上面一行的所有文字的状态置为不加粗。虽然这个是状态的改变。但是在我们眼里,这是之前文字的状态改变。所以我们觉得这个文法就不舒服。因为我们习惯于向同一个方向书写。而不是写着写着回顾另外一个方向。


2. 有序和无序

无序列表的使用,在符号“-”后加空格使用。如下:

另外注意 -一定要是开始字符,如果不是那么-之前只能有空格或者tab字符。

- 无序列表1
- 无序列表2
- 无序列表3
  • 无序列表1
  • 无序列表2
  • 无序列表3

如果要控制列表的层级,则需要在符号“-”前使用空格或者tab。如下:

- 无序列表1
- 无序列表2
  - 无序列表2.1
     - 列表内容
     - 列表内容
  • 无序列表1
  • 无序列表2
    • 无序列表2.1

      • 列表内容
      • 列表内容

有序列表的使用,在数字及符号“.”后加空格几个,如下:

1. 有序列表1
2. 有序列表2
    3.  有序列表2.1
    4.  有序列表2.2
        - 这
        - 无
            1. 有
            2. 序
        - 序
3. 有序列表3
  1. 有序列表1
  2. 有序列表2
    1. 有序列表2.1
    2. 有序列表2.2
  3. 有序列表3

有序列表如果要区分层级,也可以在数字前加空格或者tab。


3. 引用

引用的格式是使用符号“>”后面书写文字. ”>“之后是否加空格不影响。如下:

> 我说的都是我说的——帐前卒

我说的都是我说的——帐前卒


4. 粗体和斜体

粗体和斜体: 一个*两个* 还是三个*. 注意**[你的字符]***号和你的字符之间没有空格。

一个*:*你是斜体*你是斜体

两个*:**不对,你是粗体**不对,你是粗体

三个*:***你又粗又斜***你又粗又斜


5. 链接

  • 在引用中加链接,第一个中括号添加需要添加的文字,第二个中括号中是引用链接的id,之后在引用中,使用id加链接:如下:
    [link text][id]
    [id]: http://example.com/ "optional title here"

上面的文字将展示为:

link text

  • 在文中直接引用链接,直接使用尖括号,把链接加入到尖括号中就可以实现,如下:

    http://example.com/ or [email protected]

展示如下:

http://example.com/ or [email protected]

  • 插入互联网上图片,格式如下:

![这里写图片描述](http://img3.douban.com/mpic/s1108264.jpg)

或者如下面的写法:
![这里写图片描述][jane-eyre-douban]

[jane-eyre-douban]: http://img3.douban.com/mpic/s1108264.jpg`



## 6. 代码块

- 如果在一个行内需要引用代码,只要用反引号`引起来就好,如下:

Use the `printf()` function.

- 用TAB键起始的段落,会被认为是代码块,如下:

echo “hello world”;

- 如果TAB不管用的话,需要使用三个反引号` 例如:
下面连高亮都做了。

<php>
    echo "hello world";
</php>

7. 分割线和删除线

可以在一行中用三个以上的星号、减号、底线来建立一个分隔线,同时需要在分隔线的上面空一行。如下:

---
****
___
展示如下:




删除线的使用,在需要删除的文字前后各使用两个符号“~”,如下

~~Mistaken text.~~

Mistaken text.


8. 表格

可以使用冒号来定义表格的对齐方式,如下:

| Tables | Are | Cool |
| ------------- |:-------------:| -----:|
| col 3 is | right-aligned | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |
| somemissed |
|||$20|
Tables Are Cool
col 3 is right-aligned $1600
col 2 is centered $12
zebra stripes are neat $1
somemissed
$20
时间: 2024-12-26 21:30:48

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 编辑器 第四篇 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 编辑器 第一篇

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

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]使用摘记三 简便快捷的流程图

在线编写文字就可以实现复杂的流程图,再也不需要纠结了! 开始 操作流程 条件 结束 开始 st=>start: 开始 操作流程 st->op->cond 条件 cond=>condition: 确认? 结束 e=>end: 结束 整个代码如下 flow st=>start: 项目Export e=>end: 结束 op1=>operation: 选择java下的javadoc op2=>operation: 选择要导出的工程 op3=>opera

CSDN Markdown语法之如何插入图片

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

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

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

CSDN Markdown与其他markdown编辑器的功能对比

引言 迄今为止,我用过的Markdown编辑器有:MarkdownPad(客户端).StackEdit.马克飞象.Cmd Markdown.简书,以及现在的CSDN Markdown,由于CSDN Markdown是在StackEdit的基础上开发而来,因此两者在使用及样式上基本相同,但是CSDN Markdown优化了部分细节,比如代码高亮样式更美观.下面我就针对CSDN Markdown.简书.马克飞象.Cmd Markdown以及MarkdownPad Pro这五种编辑器,做一个简单的功能