如何在wordpress网站使用markdown语法编辑文章

已收录   阅读次数: 1,999
2019-11-2806:52:34 发表评论
摘要

最近发现使用markdown语法编辑文章,体验非常好,而在wordpress上本身没有markdown语法支持,只能依靠插件,这里就不得不说到一款插件,名字叫做jetpack,安装好它之后,就可以在编辑文章时选择markdown语法编辑了,同时,还有另一种不错的方法,分享给大家,于是就有了今天这篇文章……

分享至:
如何在wordpress网站使用markdown语法编辑文章

开篇寄语

最近发现使用markdown语法编辑文章,体验非常好,而在wordpress上本身没有markdown语法支持,只能依靠插件,这里就不得不说到一款插件,名字叫做jetpack,安装好它之后,就可以在编辑文章时选择markdown语法编辑了,同时,还有另一种不错的方法,分享给大家,于是就有了今天这篇文章。

经验分享

  • 先来说一下利用jetpack这款插件内的markdown语法是如何能在wordpress使用。

    其实很简单,只需要在后台编辑文章时,在块元素旁的“+”,在弹出页面内搜索markdown就出来了,如下图所示。
如何在wordpress网站使用markdown语法编辑文章
  • 再来说一下另一种不错的方法,此时就需要用到站长之前介绍的一款微软出品的应用visual studio code,具体可以参看这篇文章《少年,不想试试在一种编辑器运行40多种编程语言吗》。

    下载安装后,我们需要像文章所说,仿照安装code runner,依次搜索安装Markdown All in One和 Markdown Preview Enhanced,前者是运行markdwon的支持插件,后者是markdown的预览插件。
  • 随后,新建一个页面,右下角选择markdown语法来编辑。
如何在wordpress网站使用markdown语法编辑文章
  • 如果你想可视化,只需要点击右上角像书本一般的图标就可以出现了,如下图所示。
如何在wordpress网站使用markdown语法编辑文章
  • 随后,将编辑好的markdown语法内容,另存为html格式,复制html格式内容,在wordpress编辑后台以html代码编写粘贴即可。

温馨提示

如果你想学习到markdown的相关内容,可以看一下下面的内容。

标题

  • # 标题1
  • ## 标题2
  • ### 标题3
  • #### 标题4
  • ##### 标题5
  • ###### 标题6

分别代表:

如何在wordpress网站使用markdown语法编辑文章

段落

这个就比较简单了,随便写,不用加任何编程符号了。

换行

这个比较简单,就是在一句话的后面键入两个或更多的空格,这样就完成了换行。

加粗

要加粗文本,请在单词或短语的前后添加两个星号或下划线。要加粗一个单词的中部以强调,请在字母周围添加两个星号。

有两种方式,一种是**文字**,一种是__文本__

斜体

要斜体显示文本,请在单词或短语的前后添加一个星号或下划线。要斜体突出单词的中间部分,请在字母周围添加一个星号,中间不要带空格。

有两种方式,一种是*文字*,一种是_文本_

斜体和粗体

要同时突出显示带有粗体和斜体的文本,请在单词或短语的前后添加三个星号或下划线。

有四种方式,一种是***文字***,一种是___文本___,一种是__*文本*__,一种是**_文本_**

块引用

要建立块引用,只需要在前面加上“>”这个符号即可。

多行块引用

块引用可以包含多个段落。在段落之间的空白行上添加一个“>”。

嵌套块引用

块引用可以嵌套。在要嵌套的段落前面添加一个“>>”。

具有其他元素的块引用

块引用可以包含其他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代码(&#124;)。

各种代码

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
  • 我的微信
  • 微信扫一扫加好友
  • weinxin
  • 我的微信公众号
  • 扫描关注公众号
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: