开篇寄语
最近发现使用markdown语法编辑文章,体验非常好,而在wordpress上本身没有markdown语法支持,只能依靠插件,这里就不得不说到一款插件,名字叫做jetpack,安装好它之后,就可以在编辑文章时选择markdown语法编辑了,同时,还有另一种不错的方法,分享给大家,于是就有了今天这篇文章。
经验分享
- 先来说一下利用jetpack这款插件内的markdown语法是如何能在wordpress使用。
其实很简单,只需要在后台编辑文章时,在块元素旁的“+”,在弹出页面内搜索markdown就出来了,如下图所示。
- 再来说一下另一种不错的方法,此时就需要用到站长之前介绍的一款微软出品的应用visual studio code,具体可以参看这篇文章《少年,不想试试在一种编辑器运行40多种编程语言吗》。
下载安装后,我们需要像文章所说,仿照安装code runner,依次搜索安装Markdown All in One和 Markdown Preview Enhanced,前者是运行markdwon的支持插件,后者是markdown的预览插件。
- 随后,新建一个页面,右下角选择markdown语法来编辑。
- 如果你想可视化,只需要点击右上角像书本一般的图标就可以出现了,如下图所示。
- 随后,将编辑好的markdown语法内容,另存为html格式,复制html格式内容,在wordpress编辑后台以html代码编写粘贴即可。
温馨提示
如果你想学习到markdown的相关内容,可以看一下下面的内容。
标题
# 标题1
## 标题2
### 标题3
#### 标题4
##### 标题5
###### 标题6
分别代表:
段落
这个就比较简单了,随便写,不用加任何编程符号了。
换行
这个比较简单,就是在一句话的后面键入两个或更多的空格,这样就完成了换行。
加粗
要加粗文本,请在单词或短语的前后添加两个星号或下划线。要加粗一个单词的中部以强调,请在字母周围添加两个星号。
有两种方式,一种是**文字**
,一种是__文本__
。
斜体
要斜体显示文本,请在单词或短语的前后添加一个星号或下划线。要斜体突出单词的中间部分,请在字母周围添加一个星号,中间不要带空格。
有两种方式,一种是*文字*
,一种是_文本_
。
斜体和粗体
要同时突出显示带有粗体和斜体的文本,请在单词或短语的前后添加三个星号或下划线。
有四种方式,一种是***文字***
,一种是___文本___
,一种是__*文本*__
,一种是**_文本_**
。
块引用
要建立块引用,只需要在前面加上“>”这个符号即可。
多行块引用
块引用可以包含多个段落。在段落之间的空白行上添加一个“>”。
嵌套块引用
块引用可以嵌套。在要嵌套的段落前面添加一个“>>”。
具有其他元素的块引用
块引用可以包含其他Markdown格式的元素。并非所有元素都可以使用,您需要进行实验以查看哪些元素有效。
有序列表
要创建有序列表,请在订单项中添加数字和句点。数字不必按数字顺序排列,但列表应以数字开头。
无序列表
要创建无序列表,请在订单项前添加破折号(-),星号(*)或加号(+)。缩进一个或多个项目以创建嵌套列表。
在列表添加元素
要在保留列表连续性的同时在列表中添加另一个元素,请将该元素缩进四个空格或一个制表符,如以下示例所示。
- 颜色
- 红色
- 绿色
- 粉色
图片
格式一般是:![描述文本](www.example.com)
要向图像添加链接,请将图像的Markdown括在方括号中,然后在括号中添加链接。
[![Markdown语法学习](http://yanxuan.nosdn.127.net/fe2e62ec9ee74f55b8002f3c55644fd2.jpg "一个有趣,有料,有深度的网站")](https://www.luckydesigner.space/)
代码
格式一般是在代码前后加一个符号:`
如果要表示为代码的单词或短语包含一个或多个反引号,则可以通过将单词或短语括在双反引号(``)中来对其进行转义。
``这是`一段`代码``
代码块
要创建代码块,请在代码块的每一行缩进至少四个空格或一个制表符。
<html>
<head>
</head>
</html>
水平线
要创建水平线***,请单独在一行上使用三个或更多的星号(*),破折号(---)或下划线(___)。
链接
要创建链接,请将链接文本括在方括号(例如[行运设计师])中,然后立即在URL后面加上括号(例如:https://www.luckydesigner.space
)中的URL 。
[行运设计师](https://www.luckydesigner.space/)
那么在文章中出现就会变成这样:行运设计师
您可以选择为链接添加标题。当用户将鼠标悬停在链接上时,这将显示为工具提示。要添加标题,请将其括在URL后面的括号中。
[行运设计师](https://www.luckydesigner.space/ "一个有趣,有料,有深度的网站" )
那么在文章中出现就会变成这样:行运设计师
网址和电子邮件
要将URL或电子邮件地址快速转换为链接,请将其括在尖括号中。
<https://www.luckydesigner.space>
<[email protected]>
实际效果就是这样的:
转义字符
要显示原义字符,否则将用于设置Markdown文档中的文本格式\,请在字符前面添加反斜杠。
表格
要添加表,请使用三个或多个连字符(---)创建每列的标题,并使用竖线(|)分隔每列。您可以选择在表的任一端添加竖线。
| Syntax | Description |
| ----------- | ----------- |
| Header | Title |
| Paragraph | Text |
呈现出的效果如下图所示
Syntax | Description |
---|---|
Header | Title |
Paragraph | Text |
您可以通过:在标题行内的连字符的左侧,右侧或两侧添加一个冒号(),以使列中的文本左,右或居中对齐。
| Syntax | Description | Test Text |
| :--- | :----: | ---: |
| Header | Title | Here's|this |
| Paragraph | Text | And more |
呈现出的效果如下图所示
Syntax | Description | Test Text |
---|---|---|
Header | Title | Here's | this |
Paragraph | Text | And more |
在表格内显示竖线,可以使用html代码(|
)。
各种代码
Markdown基本语法允许您通过将行缩进四个空格或一个制表符来创建代码块。如果发现不方便,请尝试使用受保护的代码块。根据Markdown处理器或编辑器的不同,您将在代码块之前和之后的行上使用三个反引号(```)或三个波浪号(~~~)。
~~~
{ "firstName": "John", "lastName": "Smith", "age": 25 }
~~~
语法高亮
许多Markdown处理器都支持代码块的语法突出显示。此功能使您可以为编写代码的任何语言添加颜色突出显示。要添加语法突出显示,请在受防护的代码块之前的反引号旁边指定一种语言。
```json
{ "firstName": "John", "lastName": "Smith", "age": 25 }
```
注释
注释使您可以添加注释和参考,而不会使文档正文混乱。创建注释时,带有注释引用的链接将出现带有链接的上标编号。读者可以单击链接跳至页面底部的注释内容。
要创建注释参考,请在方括号([^1])内添加插入符号和标识符。标识符可以是数字或单词,但不能包含空格或制表符。标识符仅将注释参考与注释本身相关联-在输出中,注释按顺序编号。
在括号内使用另一个插入符号和数字添加注释,并用冒号和文本([^1]: My footnote.)括起来。您不必在文档末尾添加脚注。您可以将它们放在除列表,块引号和表之类的其他元素之外的任何位置。
Here's a simple footnote,[^1] and here's a longer one.[^bignote]
[^1]: This is the first footnote.
[^bignote]: Here's one with multiple paragraphs and code.
Indent paragraphs to include them in the footnote.
`{ my code }`
Add as many paragraphs as you like.
定义列表
一些Markdown处理器允许您创建术语及其对应定义的定义列表。要创建定义列表,请在第一行上键入术语。在下一行,键入一个冒号,后跟一个空格和定义。
First Term : This is the definition of the first term.
Second Term : This is one definition of the second term. : This is another definition of the second term.
删除线
您可以通过在单词中心放置一条水平线来“删除”单词。结果看起来像这样。此功能使您可以指示某些单词是一个错误,并不表示要包含在文档中。若要删除单词,请~~在单词前后使用两个波浪号。
~~我是删除线~~
实际展示效果如下图所示:
我是删除线
任务清单
任务列表使您可以创建带有复选框的项目列表。在支持任务列表的Markdown应用程序中,复选框将显示在内容旁边。要创建任务列表,请在任务列表项之前添加破折号(-)和方括号,并[ ]在其前面加上一个空格()。要选择一个复选框,请x在方括号([x])之间添加in 。
- [x] Write the press release
- [ ] Update the website
- [ ] Contact the media
在展现的效果如下图所示:
- [x] Write the press release
- [ ] Update the website
- [ ] Contact the media
- 我的微信
- 微信扫一扫加好友
- 我的微信公众号
- 扫描关注公众号