MENU

Markdown编辑器介绍

December 3, 2019 • 原创文章

Markdown介绍及快捷键

Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。
Markdown具有一系列衍生版本,用于扩展Markdown的功能(如表格、脚注、内嵌HTML等等),这些功能原初的Markdown尚不具备,它们能让Markdown转换成更多的格式,例如LaTeX,Docbook。Markdown增强版中比较有名的有Markdown Extra、MultiMarkdown、 Maruku等。这些衍生版本要么基于工具,如Pandoc;要么基于网站,如GitHub和Wikipedia,在语法上基本兼容,但在一些语法和渲染效果上有改动。
快捷键功能
Ctrl+B加粗
Ctrl+I斜体
Ctrl+L添加链接
Ctrl+I斜体
Ctrl+Q引用
Ctrl+K代码
Ctrl+O数字列表
Ctrl+U普通列表
Ctrl+H标题
Ctrl+R分割线
Ctrl+M摘要分割线
Ctrl+Z撤销
Ctrl+Y重做
Ctrl+J全屏

怎么插入HTML代码

博客更新到Typecho1.1版本后,发现之前版本时候正文里嵌套的HTML代码都失效了,直接显示在了文章里面。

众所周知,Typecho采用的是Markdown的文章编辑器,使用起来比较方便。

Markdown其他的还行,就是少一个“居中”的功能。而要实现居中则需要用到HTML里的<center>标签。

但是更新了typecho1.1后, 由于更换了Markdown解析器,添加<center>等HTML标签后,网页会把这些标签当做文字显示出来,而不是执行这些操作。

说了这么多,怎样让新版本的Typecho支持嵌入HTML代码呢?请查看方法板块~

可以使用三个英文半角感叹符号!!!将需要直接输出的代码包起来即可。
'!!!
'<center>我就是要居中∑(°Д°ノ)ノ</center>
'<div style="color:#737171">
'<h1>木小果</h1>
'<h2>木小果</h2>
'<h3>木小果</h3>
'<p>木小果</p>
'</div>
'!!!
麻烦自行删除' 符号
我就是要居中∑(°Д°ノ)ノ

木小果

木小果

木小果

木小果

Markdown编辑器显示HTML标签以及转义字符

我们在使用Markdown编辑器时,如果遇到HTML标签,则编辑器会将内容转为HTML标记,这就与我们原来的本意像违背了,如果我们只是想显示一些标签的字面内容而不想被转换,这时我们需要懂得一些常用的转义字符表
&lt;
显示结果描述实体名称实体编号
 空格&nhsp;&#160;
<小于号cccc&#60;
>大于号&gt;&#62;
&和号&amp;&#38;
"引号&quot;&#34;
'撇号&apos;(IE不支持)&#39;
分(cent)&cent;&#162;
£镑(pound)&pound;&#163;
¥元(yen)&yen;&#165;
欧元(euro)&euro;&#8364;
§小节&sect;&#167;
©版权(copyright)&copy;&#169;
®注册商标&reg;&#174;
商标&trade;&#8482;
×乘号&times;&#215;
÷除号&divide;&#247;

例如:我们只是想显示<HTML>这个内容,但是如果直接写就会被转换而看不见。
所以,写的形式应该为:

&#60;HTML&#62;    或者    &lt;HTML&gt;


Markdown的语法总结

既然到这了,就继续把Markdown的语法总结一下吧,下次忘记了再来次查看一下:
Markdown是一种纯文本格式的标记语言。通过简单的标记语法,它可以使普通文本内容具有一定的格式。相比WYSIWYG编辑器。
优点:
1、因为是纯文本,所以只要支持Markdown的地方都能获得一样的编辑效果,可以让作者摆脱排版的困扰,专心写作。
2、操作简单。比如:WYSIWYG编辑时标记个标题,先选中内容,再点击导航栏的标题按钮,选择几级标题。要三个步骤。而Markdown只需要在标题内容前加#即可
缺点:
1、需要记一些语法(当然,是很简单。五分钟学会)。
2、有些平台不支持Markdown编辑模式。

一、标题
在想要设置为标题的文字前面加#来表示
一个#是一级标题,二个#是二级标题,以此类推。支持六级标题。
注:标准语法一般在#后跟个空格再写文字,貌似简书不加空格也行。

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

这是一级标题

这是二级标题

这是三级标题

这是四级标题

这是五级标题
这是六级标题

二、字体
加粗:要加粗的文字左右分别用两个*号包起来

斜体:要倾斜的文字左右分别用一个*号包起来

斜体加粗:要倾斜和加粗的文字左右分别用三个*号包起来

删除线:要加删除线的文字左右分别用两个~~号包起来

**这是加粗的文字**
*这是倾斜的文字*
***这是斜体加粗的文字***
~~这是加删除线的文字~~
这是加粗的文字
这是倾斜的文字`
这是斜体加粗的文字
这是加删除线的文字

三、引用
在引用的文字前加>即可。引用也可以嵌套,如加两个>>三个>>>
n个…
貌似可以一直加下去,但没神马卵用
示例:

>这是引用的内容
>>这是引用的内容
>>>>>>>>>>这是引用的内容

这是引用的内容

这是引用的内容

这是引用的内容

四、分割线
三个或者三个以上的 - 或者 * 都可以。
示例:

---
----
***
*****




五、图片

![图片描述][图片序号]
[图片序号]: 图片地址
![图片的描述~][1]
  [1]: http://b-ssl.duitang.com/uploads/item/201707/01/20170701155239_2E8zH.jpeg
狗狗

六、超链接

[超链接名](超链接地址)
[木小果](https://muxiaoguo.cn)

七、列表
无序列表
语法:
无序列表用 - + * 任何一种都可以

- 列表内容
+ 列表内容
* 列表内容

注意:- + * 跟内容之间都要有一个空格
  • 列表内容
  • 列表内容
  • 列表内容

有序列表

语法:
数字加点

1.列表内容
2.列表内容
3.列表内容

注意:序号跟内容之间要有空格
1.列表内容
2.列表内容
3.列表内容

八、表格

表头|表头|表头
---|:--:|---:
内容|内容|内容
内容|内容|内容

第二行分割表头和内容。
- 有一个就行,为了对齐,多加了几个
文字默认居左
-两边加:表示文字居中
-右边加:表示文字居右
注:原生的语法两边都要用 | 包起来。此处省略
姓名|技能|排行
--|:--:|--:
刘备|哭|大哥
关羽|打|二哥
张飞|骂|三弟
姓名技能排行
刘备大哥
关羽二哥
张飞三弟

九、代码
语法:
单行代码:代码之间分别用一个反引号包起来

`代码内容`

代码块:代码之间分别用三个反引号包起来,且两边的反引号单独占一行

(```)
  代码...
  代码...
  代码...
(```)

注:为了防止转译,前后三个反引号处加了小括号,实际是没有的。这里只是用来演示,实际中去掉两边小括号即可。

示例:

`create database hero;`
(```)
    function fun(){
         echo "这是一句非常牛逼的代码";
    }
    fun();
(```)

注:为了防止转译,前后三个反引号处加了小括号,实际是没有的。这里只是用来演示,实际中去掉两边小括号即可。

create database hero;
    function fun(){
         echo "这是一句非常牛逼的代码";
    }
    fun();

Last Modified: April 6, 2020
Archives QR Code
QR Code for this page
Tipping QR Code

感谢以下平台提供云加速支持