现在用typecho写博客,Markdown语法还不太熟悉,特意整理一番,方便翻阅

Markdown是一种纯文本格式的标记语言

优点:

1 .因为是纯文本,所以只要支持Markdown的地方都能获得一样的编辑效果,可以让作者摆脱排版的困扰,专心写作。
2 .操作简单。比如:WYSIWYG编辑时标记个标题,先选中内容,再点击导航栏的标题按钮,选择几级标题。要三个步骤。而Markdown只需要在标题内容前加#即可

缺点:

1 .需要记一些语法(当然,是很简单。五分钟学会)。
2 .有些平台不支持Markdown编辑模式。

1.标题

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

# 这是一级标题
## 这是二级标题
### 这是三级标题
#### 这是四级标题
·······

这是一级标题

这是二级标题

这是三级标题

这是四级标题

·······

2.字体

要加粗的文字左右分别用两个*号包起来
要倾斜的文字左右分别用一个*号包起来
要倾斜和加粗的文字左右分别用三个*号包起来
要加删除线的文字左右分别用两个~~号包起来
示例如下

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

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

3.引用

我们可能希望对某段文字进行强调处理,Markdown提供了一个特殊符号>用于段首进行强调,被强调的文字部分将会高亮显示。引用也可以嵌套,如加两个 >> 三个>>> n个...
示例如下

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

这是引用的内容

这是引用的内容

4.分割线

三个或者三个以上的 - 或者*都可以。
示例如下 :颜色有点浅,好像都差不多的

---
***


5.图片或链接

添加图片或链接,引用图片和链接的唯一区别就是在最前方添加一个感叹号.示例如下:

[点击跳转至百度](http://www.baidu.com)
![图片](https://itggg.cn/cdn/admin.svg)

点击跳转至百度
图片

图片

6.列表

Markdown支持有序列表和无序列表两种形式,注意:- + * 跟内容之间都要有一个空格。无序列表使用*+-标识,符号后加空格。有序列表使用数字加.示例如下:

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

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

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

7.代码块

使用反引号`进行包裹即可。如果是行内代码引用,使用单个反引号进行包裹,整段代码用三个包裹,并在后面标记语言,很多人不知道怎么输入反引号。在英文模式下,找到键盘最左侧esc键下面的第一个键点击即可。示例如下

行内代码 <meta charset="UTF-8">

<!DOCTYPE HTML> 这是HTML ```HTML
<html class="no-js">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="renderer" content="webkit">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>编辑 Markdown 编辑器语法指南 - Flat tire - Powered by Typecho</title>
        <meta name="robots" content="noindex, nofollow">
    </body>
</html>



<?php $this->need('includes/hero.php'); ?> 这是PHP  ```PHP
<div class="All_Page_width">
    <div class="All_Page_title">
        #标签云
    </div>
    <?php $this->widget('Widget_Metas_Tag_Cloud', 'sort=count&ignoreZeroCount=1&desc=1&limit=50')->to($tags); ?>
    <div class="Tags_Cloud">
        <?php $this->content(); ?>
        <?php if ($tags->have()) : ?>
            <?php while ($tags->next()) : ?>

8.插入表格

1)|、-、:之间的多余空格会被忽略,不影响布局。
2)默认标题栏居中对齐,内容居左对齐。
3)-:表示内容和标题栏居右对齐,:-表示内容和标题栏居左对齐,:-:表示内容和标题栏居中对齐。
4)内容和|之间的多余空格会被忽略,每行第一个|和最后一个|可以省略,-的数量至少有一个。
示例如下

name | 价格 |  数量  
-|-|-
香蕉 | $1 | 5 
苹果 | $1 | 6 
草莓 | $1 | 7
name价格数量
香蕉$15
苹果$16
草莓$17
name | 111 | 222 | 333 | 444
:-: | :-: | :-: | :-: | :-:
aaa | bbb | ccc | ddd | eee 
fff | ggg| hhh | iii | 000
name111222333444
aaabbbcccdddeee
fffggghhhiii000

9.空格和换行

和HTML语言一致, &nbsp; </br>

你&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;好 (空格)
</br>
你好 (换行)

示例如下

你 好 (空格)

你好 (换行)

10.标签

10.1可用的变体
Default
Primary
Success
Info
Warning
Danger

用下面的任何一个类即可改变标签的外观
Default Primary Success Info Warning Danger

<span class="label label-default">Default</span>
<span class="label label-primary">Primary</span>
<span class="label label-success">Success</span>
<span class="label label-info">Info</span>
<span class="label label-warning">Warning</span>
<span class="label label-danger">Danger</span>

10.2 警告框
警告框组件通过提供一些灵活的预定义消息,为常见的用户动作提供反馈消息。

<div class="alert alert-success" role="alert">...</div>
<div class="alert alert-info" role="alert">...</div>
<div class="alert alert-warning" role="alert">...</div>
<div class="alert alert-danger" role="alert">...</div>
最后修改:2021 年 11 月 07 日
如果觉得我的文章对你有用,请随意赞赏