美文网首页
Typora for Markdown 语法

Typora for Markdown 语法

作者: 兵哥_8e95 | 来源:发表于2019-03-26 01:42 被阅读0次

    Typora for Markdown 语法

    ==说明，本文档转自该博客，结合自身稍作修改，有些效果没有显示出来，大家可以把我的源码复制到typora查看效果会很好==博客

    前言

    Markdown 是一种轻量级标记语言，创始人是约翰·格鲁伯（John Gruber）。它允许人们 “使用易读易写的纯文本格式编写文档，然后转换成有效的 HTML 文档。

    Typora

    Typora是一款轻量级的Markdown 编辑器，重点在于所见即所得，与传统的两段显示不同，其极简的界面很受推崇。

    这边简单介绍一下Typora上支持的markdown语法，因为这个博客markdown解析引擎的不同，有些语法不能很好的在博文里展现效果，感兴趣的话可以放到typora里尝试。

    目录列表Table of Contents（TOC）

    输入[toc]然后回车，将会产生一个目录，这个目录抽取了文章的所有标题，自动更新内容。

    [TOC]

    标题

    在markdown语法里面，使用#表示一级标题，##表示二级标题，以此类推，有6个标题，一个一个去输入比较麻烦，好在typora有快捷键。

    Ctrl 0 到 Ctrl 6：普通文本、一级～六级标题；

    <h1># 1</h1>
<h2>## 1</h2>

    换行

    <br/>在后面不管输入什么，都会强制换行。

    f'fhhhha

    加粗

    或者*[]* 对其进行加粗， 快捷键Ctrl B：加粗，加粗测试；

    斜体

    Ctrl I：斜体，斜体测试；在标准的Markdown语法中，

    *和_包裹的内容会是斜体显示，但是GFM下划线一般用来分隔人名和代码变量名，因此我们推荐是用星号来包裹斜体内容。如果要显示星号，则使用转义：

    \*

    eg. 这是斜体

    下划线

    Ctrl U：下划线，<u>下划线测试</u>；

    用HTML的语法<u>Underline</u>将产生下划线 Underline.

    强调（高亮）

    本节课重点：==第六、七章不考==，第三章出题较多，==平时分占 30%==

    本节课重点：==第六、七章不考==，第三章出题较多，==平时分占 30%==，高亮是typora编辑器自带的而非markdown语法。

    <em>强调</em>

    <em>强调</em>斜体强调

    <strong>强调</strong>

    <strong>强调</strong>加黑强调

    转义字符

    但是如果你的 * 和 _ 两边都有空白的话，它们就只会被当成普通的符号。

    如果要在文字前后直接插入普通的星号或底线，你可以用反斜线：

    \*this text is surrounded by literal asterisks\*

    *this text is surrounded by literal asterisks*

    删除线

    Shift Alt 5：删除线，删除线测试；

    GFM添加了删除文本的语法，这是标准的Markdown语法木有的。使用~~包裹的文本将会具有删除的样式。

    代码块

    快捷键Ctrl+shift+k

    Shift Ctrl Tab键上面那个键：行内代码块，行内代码块测试；

    • 使用`包裹的内容将会以代码样式显示，例如
    使用`printf()`

    则会产生printf()样式。

    • 输入~~~或者```然后回车，可以输入代码块，并且可以选择代码的语言。例如：
     public Class HelloWorld{
   System.out.println("Hello World!");
 }

    超链接

    Ctrl K：超链接，超链接测试；还支持文章内锚点，请 Ctrl 点击此处 :arrow_right: [第二节](#基本的不带快捷键 Markdown 书写演示)；

    使用尖括号包裹的url将产生一个连接，例如：<www.baidu.com>将产生连接: .

    如果是标准的url，则会自动产生连接，例如: 。

    关于链接：英文输入下的中括号，里面填上你想写的话，然后在后面输入小括号里面贴上链接地址就可以了 ，

    例如： [百度一下](www.baidu.com) 就可以变成 百度一下

    表格

    |姓名|性别|毕业学校|工资|
|:---|:---:|:---:|---:|
|杨洋|男|重庆交通大学|3200|
|峰哥|男|贵州大学|5000|
|坑货|女|北京大学|2000|

    将产生:

    姓名 性别 毕业学校 工资
    杨洋 男 重庆交通大学 3200
    峰哥 男 贵州大学 5000
    坑货 女 北京大学 2000

    其中代码的第二行指定对齐的方式，第一个是左对齐，第二个和第三个是居中，最后一个是右对齐。

    事实上，通过右键–>insert的形式打开的，当然也可以通过快捷键Ctrl+T来打开。填入行数与列数就可以了 。

    ==也可以用第三方库代入代码比如LaTex表格https://www.tablesgenerator.com/==

    https://www.truben.no/table/

    image

    ​ 插入公式：shift+ctrl+m

    ​
    limhh

    基本不带快捷键的Markdown书写演示

    ​

    部分功能需要现在配置文件中开启才能使用

    代码块（我居然不能转义那个字符，就在tap键上面那个）：

    输入三个飘号键，按下回车

    #hello world
import os

    无序、有序列表、任务列表

    无序：短斜杠-或*或+,加一个空格，回车按tap可以转化二级列表，删除多按几次enter可以跳出

    • 001

        • ​

    有序

    • 1

    任务列表：空格+-空格+方括号[ ]+空格

    • [x] 001

    引用：方括号+^+数字[1]``首先要有内容文末自动生成文献符号`

    上下标：

    上标：x^2^

    x2,H2o

    高亮：==本段补考==

    注释：

    <!==本段不要显示出来==>

    内联公式：两个美元符号

    hhh

    分割线：三个短斜线-+回车

    我绝不会放弃的

    emoji图标：冒号+随便一些字

    :arrow_up:

    目录生成：方括号+括号输入toc，动态的

    toc

    Markdown 拓展功能

    HTML 原生支持，目前只支持 img 标签，用以自定义图片大小和缩放：

    <img src="https://static.pexels.com/photos/461797/pexels-photo-461797.jpeg width="550px" alt="test"></img>

    <img src="https://static.pexels.com/photos/461797/pexels-photo-461797.jpeg" alt="test" width="550px"></img>

    LaTex 公式支持，包括 mhchem，AMSmath，BBox：

    mhchem：
    \ce{SO4^2- + Ba^2+ -> BaSO4 v}
    BBox：
    \bbox[5px,border:2px solid red]{AB^2 +AC^2 = BC^2}

    流程图支持，内置了 Flowchart，Sequence，Mermaid 引擎，支持多种多样的流程图、时序图、甘特图：

    • 流程图（Flowchart）
    st=>start: Start:>http://www.google.com[blank]
e=>end:>http://www.google.com
op1=>operation: My Operation
sub1=>subroutine: My Subroutine
cond=>condition: Yes
or No?:>http://www.google.com
io=>inputoutput: catch something...

st->op1->cond
cond(yes)->io->e
cond(no)->sub1(right)->op1

    [图片上传失败...(image-20c37b-1553532047950)]

    • 流程图（Mermaid）
    graph TD;
    开始-->条件B;
    条件A-->条件C;
    条件B-->条件D;
    条件C-->条件D;
    条件A-->条件D;
    开始-->条件C;
    开始-->条件A;
    条件D-->结束;

    [图片上传失败...(image-86bc67-1553532047950)]

    • 时序图（Mermaid）
    sequenceDiagram
    participant Alice
    participant Bob
    Alice->>John: Hello John, how are you?
    loop Healthcheck
        John->>John: Fight against hypochondria
    end
    Note right of John: Rational thoughts <br/>prevail...
    John-->>Alice: Great!
    John->>Bob: How about you?
    Bob-->>John: Jolly good!

    [图片上传失败...(image-e3f559-1553532047950)]

    • 时序图（Sequence）
    Alice->>John: Hello John, how are you?
Note right of John: Rational thoughts
John-->>Alice: Great!
John->>Bob: How about you?
Bob-->>John: Jolly good!

    [图片上传失败...(image-d6c9c-1553532047950)]

    • 甘特图（Mermaid）
    gantt
        dateFormat  YYYY-MM-DD
        title Adding GANTT diagram functionality to mermaid
        section A section
        Completed task            :done,    des1, 2014-01-06,2014-01-08
        Active task               :active,  des2, 2014-01-09, 3d
        Future task               :         des3, after des2, 5d
        Future task2               :         des4, after des3, 5d
        section Critical tasks
        Completed task in the critical line :crit, done, 2014-01-06,24h
        Implement parser and jison          :crit, done, after des1, 2d
        Create tests for parser             :crit, active, 3d
        Future task in critical line        :crit, 5d
        Create tests for renderer           :2d
        Add to mermaid                      :1d

    [图片上传失败...(image-6dcd0-1553532047950)]

    • 其他 Mermaid 图（目前还有点问题，不建议使用）
    • Class diagram
    classDiagram
Class01 <|-- AveryLongClass : Cool
Class03 *-- Class04
Class05 o-- Class06
Class07 .. Class08
Class09 --> C2 : Where am i?
Class09 --* C3
Class09 --|> Class07
Class07 : equals()
Class07 : Object[] elementData
Class01 : size()
Class01 : int chimp
Class01 : int gorilla
Class08 <--> C2: Cool label

    [图片上传失败...(image-dd824c-1553532047950)]

    • Git
    gitGraph:
options
{
    "nodeSpacing": 100,
    "nodeRadius": 10
}
end
commit
branch newbranch
checkout newbranch
commit
commit
checkout master
commit
commit
merge newbranch

    [图片上传失败...(image-126243-1553532047950)]

    主题替换

    访问：http://theme.typora.io/
    放入主题文件夹，重启软件就ok了

    编辑器

    编辑器众多，然而我正是用typora写下的这篇教程

    文章导出

    安装pandoc格式转换软件，官网下载

    • 图片（非常适合手机阅读）
    • PDF
    • HTML（可选择是否带样式表）

    快捷键：无序列表：输入-之后输入空格
    有序列表：输入数字+“.”之后输入空格
    任务列表：-[空格]空格 文字
    标题：ctrl+数字
    表格：ctrl+t
    生成目录：[TOC]按回车
    选中一整行：ctrl+l
    选中单词：ctrl+d
    选中相同格式的文字：ctrl+e
    跳转到文章开头：ctrl+home
    跳转到文章结尾：ctrl+end
    搜索：ctrl+f
    替换：ctrl+h
    引用：输入>之后输入空格
    代码块：ctrl+alt+f
    加粗：ctrl+b
    倾斜：ctrl+i
    下划线：ctrl+u
    删除线：alt+shift+5
    插入图片：直接拖动到指定位置即可或者ctrl+shift+i

    1. 陈苏. 污染土壤中镉、铅的活化及植物有效性研究[D]. 中国科学院沈阳应用生态研究所, 2007. ↩ ↩

    2. 陈英旭, 林琦, 陆芳,等. 有机酸对铅、镉植株危害的解毒作用研究[J]. 环境科学学报, 2000, 20(4):467-472. ↩

    相关文章

      网友评论

          本文标题：Typora for Markdown 语法

          本文链接：https://www.haomeiwen.com/subject/fqqwvqtx.html

          延伸阅读

          深度阅读

          • 您也可以注册成为美文阅读网的作者，发表您的原创作品、分享您的心情！

          栏目导航

          热点阅读

          关于我们|服务条款|联系我们|Typora for Markdown 语法|投稿指南|网站地图|RSS订阅|排版工具|手机版

          提供经典美文摘抄,优美散文欣赏,现代诗歌精选,短篇小说,心情随笔,表白情书范文,故事会在线阅读欣赏

          Copyright © 2014-2023 Haomeiwen.com All Rights Reserved. 好美文阅读网 版权所有

          备案信息：桂公网安备 45052102000051号 · 桂ICP备13007215号-3

          本站所收录作品、热点评论等信息部分来源互联网，目的只是为了系统归纳学习和传递资讯

          所有作品版权归原创作者所有，与本站立场无关，如不慎侵犯了你的权益，请联系我们告知，我们将做删除处理！