暂无图片
暂无图片
暂无图片
暂无图片
暂无图片

Markdown语法学习

好巧Ing 2021-07-17
769

简介

Typora,世界上最漂亮的写作App

Typora 一直是我认为桌面端笔记应用应有的终极形态。用我之前[一篇文章中的话来说就是

「它的功能之强大、设计之冷静、体验之美妙、理念之先进,我认为值得所有笔记应用厂商学习。」

Typora 是什么?

Typora 是一款支持实时预览的 Markdown 文本编辑器。它有 OS X、Windows、Linux 三个平台的版本,并且由于仍在测试中,是完全免费的。


在这篇文章中,我希望以「Typora 是什么」这个问题为线索,向大家全面介绍这款令人爱不释手的笔记应用。

Typora 首先是一个 Markdown 文本编辑器,它支持且仅支持 Markdown 语法的文本编辑。在 Typora 官网 上他们将 Typora 描述为 「A truly minimal markdown editor. 」。

接下来我将介绍markdown具体的使用语法。

一、标题:

在想要设置为标题的文字前面加#来表示一个#是一级标题,二个#是二级标题,以此类推。支持六级标题。

注:标准语法一般在#后跟个空格再写文字。

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

具体效果如下:

这是三级标题

这是四级标题

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




二、字体

  • 粗体

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

  • 斜体

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

  • 斜体加粗

    左右分别用三个*号包起来

  • 删除线

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

示例:

 - **粗体**
 
 - *斜体*
 
 - ***斜体加粗***
 
 - ~~删除线~~




三、引用

在引用的文字前加>即可,引用可以嵌套,例如加两个>>,三个>>>,n个.....

示例:

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

这是引用的内容

这是引用的内容

这是引用的内容

这是引用的内容




四、分割线

三个以上的 - 或者 * 都可以

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

效果如下:






五、图片

语法:

 ![图片alt](图片地址 "图片title")
 
 图片alt就是显示在图片下面的文字,相当于对图片内容的解释。
 图片title是图片的标题,当鼠标移到图片上时显示的内容。title可加可不加

示例:

 ![RUNOOB](http://static.runoob.com/images/runoob-logo.png "一张图片")

效果如下:

Hexo admin插件支持剪贴板粘贴图片(自动在source_images_目录中创建文件)




六、超链接

语法:

 [超链接名](超链接地址 "超链接title")
 title同样可加可不加

示例:

 [百度](https://www.baidu.com)
 [我的博客](http://www.zjmweb.com/)

百度

注:Markdown本身语法不支持链接在新页面中打开,如果想要在新页面中打开的话可以用html语言的a标签代替。

 <a href="超链接地址" target="_blank">超链接名</a>
 
 示例
 <a href="https://www.baidu.com" target="_blank">百度</a>




七、列表

  • 无序列表

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

注意:- + * 与内容之间都要有一个空格

 - 列表内容
 + 列表内容
 * 列表内容
  • 有序列表

语法:数字加.和空格

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

效果如下:

  1. 列表内容1

  2. 列表内容2

  3. 列表内容3

  • 列表嵌套

上一级和下一级之间敲一个Tab即可(也就是一个常用缩进单位)

  • 一级无序列表内容

    • 二级无序列表内容

    • 二级无序列表内容

    • 二级无序列表内容

  • 一级无序列表内容

  1. 二级有序列表内容

  2. 二级有序列表内容

  3. 二级有序列表内容

  1. 一级有序列表内容

  • 二级无序列表内容

  • 二级无序列表内容

  • 二级无序列表内容

  • 一级有序列表内容

    1. 二级有序列表内容

    2. 二级有序列表内容

    3. 二级有序列表内容




    八、表格

    语法:

     表头|表头|表头
     ---|:--:|---:
     内容|内容|内容
     内容|内容|内容
     
     第二行分割表头和内容。
     - 有一个就行,为了对齐,多加了几个
     文字默认居左
     -两边加:表示文字居中
     -右边加:表示文字居右
     注:原生的语法两边都要用|包起来。此处省略
     注意:右键也可以直接插入表格

    示例:

     姓名|技能|排行
     --|:--:|--:
     刘备|哭|大哥
     关羽|打|二哥
     张飞|骂|三弟
     
     甚至第二行可以省略成这样:
     姓名|技能|排行
     -|
     刘备|哭|大哥
     关羽|打|二哥
     张飞|骂|三弟
    姓名技能排行
    刘备大哥
    关羽二哥
    张飞三弟




    九、代码

    语法:

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

     `代码内容`
     
     注:可以插在句子中

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

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

    示例:

    单行代码

     ` create database dbtest;`

    代码块

     (```)
     function fun(){
     echo "这是一个代码示例";
     }
     fun();
     (```)
     
     注:为了防止转译,前后三个反引号处加了小括号,实际是没有的。这里只是用来演示,实际中去掉两边小括号即可。

    实际效果:

    单行代码

    create database dbtest;

    代码块

     function fun(){
     echo "这是一个代码示例";
     }
     fun();




    十、流程图

    示例:

     flow
     st=>start: 开始
     op=>operation: My Operation
     cond=>condition: Yes or No?
     e=>end
     st->op->cond
     cond(yes)->e
     cond(no)->op

    效果如下:

    注意:

    “```”与flow要相连,不然被识别为代码块

    流程图的操作名与前面的”:”要有一个空格



    文章转载自好巧Ing,如果涉嫌侵权,请发送邮件至:contact@modb.pro进行举报,并提供相关证据,一经查实,墨天轮将立刻删除相关内容。

    评论