zoukankan      html  css  js  c++  java
  • 用Typora编辑Markdown

    基础

    段落和换行符

    一个段落只是一个或多个连续的文本行。在Markdown源代码中,段落由多个空行分隔。在Typora,你只需要按下来Return创建一个新的段落。

    Shift+ Return创建一个换行符。但是,大多数Markdown解析器将忽略单行断点,使其他降价解析器识别您的换行符,您可以在行的末尾留下两个空格,或插入<br/>

    标题

    标题在行首使用1-6个哈希字符,对应于标题级别1-6。例如:

    # This is an H1
    ## This is an H2
    ###### This is an H6
    

    在typora中,输入'#',然后输入标题内容,然后Return按键将创建一个标题。

    引用文字

    Markdown使用电子邮件风格>字符来块引用。他们被呈现为:

    > This is a blockquote with two paragraphs. This is first paragraph.
    >
    > This is second pragraph.Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.
    
    
    
    > This is another blockquote with one paragraph. There is three empty line to seperate two blockquote.
    
    

    列表

    输入* list item 1将创建一个无序列表,该*符号可以替换为+-

    输入1. list item 1将创建一个有序列表,其Markdown代码是这样的:

    ## un-ordered list
    *   Red
    *   Green
    *   Blue
    
    ## ordered list
    1.  Red
    2. 	Green
    3.	Blue
    
    

    任务列表

    任务列表是列出项目标记为[ ]或[x](不完整或不完整)的列表。例如:

    - [ ] a task list item
    - [ ] list syntax required
    - [ ] normal **formatting**, @mentions, #1234 refs
    - [ ] incomplete
    - [x] completed
    
    

    您可以通过点击项目前面的复选框来更改完整/不完整状态。

    代码块

    Typora只支持Github Flavored Markdown中的栅栏。不支持Markdown的原始代码块。

    使用围栏很容易:输入```然后按return。在``后面添加一个可选的语言标识符,我们将通过语法高亮来运行它:

    require 'redcarpet'
    markdown = Redcarpet.new("Hello World!")
    puts markdown.to_html
    

    输入| First Header | Second Header |并按下return键将创建一个两列的表格。

    在创建表之后,将焦点放在该表上将弹出一个表格的工具栏,您可以在其中调整,对齐或删除表格。您还可以使用上下文菜单来复制和添加/删除列/行。

    以下描述可以跳过,因为表格的降价源代码是由typora自动生成的。

    在markdown源代码,他们看起来像:

    | First Header  | Second Header |
    | ------------- | ------------- |
    | Content Cell  | Content Cell  |
    | Content Cell  | Content Cell  |
    
    

    您还可以包含内联Markdown,如链接,粗体,斜体或删除线。

    最后,通过在标题行中包含冒号,可以定义要左对齐,右对齐或居中对齐的文本:

    | Left-Aligned  | Center Aligned  | Right Aligned |
    | :------------ |:---------------:| -----:|
    | col 3 is      | some wordy text | $1600 |
    | col 2 is      | centered        |   $12 |
    | zebra stripes | are neat        |    $1 |
    
    

    最左侧的冒号表示左对齐的列; 最右侧的冒号表示右对齐的列; 两边的冒号表示一个中心对齐的列。

    脚注

    You can create footnotes like this[^footnote].
    
    [^footnote]: Here is the *text* of the **footnote**.
    
    

    You can create footnotes like this[1].

    鼠标在'脚注'上标上看脚注的内容。

    横向规则

    输入***---在一个空行,然后按return将绘制一条水平线。


    YAML

    现在,Typora支持YAML前端技术---在文章的顶部输入,然后按Enter会介绍一个。或者从菜单中插入一个元数据块。

    目录(TOC)

    输入[toc]然后Return按键将创建一个“目录”部分提取所有标题从一个人的写作,其内容将自动更新。

    span元素

    Span元素将在您输入后被解析和渲染。将光标移动到这些span元素的中间,将这些元素展开为markdown 。以下将解释这些span元素的语法。

    链接

    Markdown支持两种链接:内联和引用。

    在这两种样式中,链接文本均由[方括号]分隔。

    This is [an example](http://example.com/ "Title") inline link.
    
    [This link](http://example.net/) has no title attribute.
    
    

    会产生:

    这是一个内联链接的例子。(<p>This is <a href="http://example.com/" title="Title">

    此链接没有标题属性。(<p><a href="http://example.net/">This link</a> has no

    内部链接

    您可以将href设置为标题,这将创建一个书签,允许您在单击后跳转到该部分。例如:

    命令(在Windows上:Ctrl)+单击此链接将跳转到标题Block Elements。要了解如何编写该代码,请移动光标或按下按键以将该元素展开为markdown来源。

    参考链接

    引用样式链接使用第二组方括号,在其中放置您选择的标签以标识链接:

    This is [an example][id] reference-style link.
    
    Then, anywhere in the document, you define your link label like this, on a line by itself:
    
    [id]: http://example.com/  "Optional Title Here"
    
    

    在typora中,它们将被渲染为:

    这是一个示例引用样式的链接。

    隐式链接名称快捷方式允许您省略链接的名称,在这种情况下链接文本本身被用作名称。只需使用一组空白的方括号 - 例如,将单词“Google”链接到google.com网站,您可以简单地写:

    [Google][]
    And then define the link:
    
    [Google]: http://google.com/
    
    

    在typora点击链接将其展开进行编辑,commond+单击将在Web浏览器中打开超链接。

    网址

    Typora允许你将URL作为链接插入,用<括号括起来>

    <i@typora.io>变成i@typora.io

    Typora将自动链接标准URL。例如:www.google.com。

    图片

    图像看起来与链接类似,但是!在链接开始之前它需要额外的字符。图像语法如下所示:

    ![Alt text](/path/to/img.jpg)
    
    ![Alt text](/path/to/img.jpg "Optional title")
    
    

    您可以使用拖放功能从图像文件或网络浏览器插入图像。点击图片修改降价源代码。如果图像在拖放时处于与当前编辑文档相同的目录或子目录中,则会使用相对路径。

    如果您使用markdown来构建网站,则可以在本地计算机中指定一个URL前缀用于typora-root-url在YAML前台事件中使用属性的图像预览。例如,typora-root-url:/User/Abner/Website/typora.io/在YAML Front Matters中输入,然后![alt](/blog/img/test.png)将被视为![alt](file:///User/Abner/Website/typora.io/blog/img/test.png)在typora中。

    重点

    Markdown把星号(*)和下划线(_)作为重点指标。用一个HTML 标签包装的文本*_将被包装<em>。例如:

    *single asterisks*
    
    _single underscores_
    
    

    输出:

    单星号

    单下划线

    GFM将会忽略下面的代码和名称中常用的下划线,如下所示:

    wow_great_stuff

    do_this_and_do_that_and_another_thing。

    要在原本应该用作强调分隔符的位置上生成一个字面星号或下划线,可以使用反斜杠进行转义:

    *this text is surrounded by literal asterisks*
    
    

    Typora建议使用*符号。

    Strong

    双*或s将被包装一个HTML <strong>标签,例如:

    **double asterisks**
    
    __double underscores__
    
    

    输出:

    双星号

    双下划线

    Typora建议使用**符号。

    代码

    为了表示一段代码,用反引号(`)来包装它。与预格式化的代码块不同,代码段指示正常段落内的代码。例如:

    Use the `printf()` function.
    
    

    会产生:

    使用该printf()功能。

    删除线

    GFM添加语法来创建删除线文本,这是从标准的Markdown中丢失的。

    ~~Mistaken text.~~错误的文本。

    强调

    下划线由原始HTML驱动。

    <u>Underline</u>成为下划线。

    表情符号:开心:

    用语法输入表情符号:smile:

    用户可以通过ESC按键触发表情符号的自动完成建议,或在偏好面板上启用后自动触发。此外,还支持从菜单栏直接从Edit- > 输入UTF8表情符号字符Emoji & Symbols

    内联数学

    要使用此功能,首先,请在Preference面板 - > Markdown选项卡中启用它。然后使用$包装TeX命令,例如:$lim_{x o infty} exp(-x) = 0$将被渲染为LaTeX命令。

    要触发内嵌数学的内联预览,请输入“$”,然后ESC按键,然后输入TeX命令,预览工具提示将如下所示:

    $l

    内列数学

    下标

    要使用此功能,首先,请在Preference面板 - > Markdown选项卡中启用它。然后使用~包装下标内容,例如:H~2~OX~long text~/

    上标

    要使用此功能,首先,请在Preference面板 - > Markdown选项卡中启用它。然后^用来包装上标内容,例如:X^2^

    突出

    要使用此功能,首先,请在Preference面板 - > Markdown选项卡中启用它。然后==用来包装高亮内容,例如:==highlight==


    1. Here is the text of the footnote. ↩︎

  • 相关阅读:
    洛谷 P1226 【模板】快速幂||取余运算 题解
    洛谷 P2678 跳石头 题解
    洛谷 P2615 神奇的幻方 题解
    洛谷 P1083 借教室 题解
    洛谷 P1076 寻宝 题解
    洛谷 UVA10298 Power Strings 题解
    洛谷 P3375 【模板】KMP字符串匹配 题解
    Kafka Shell基本命令
    Mybatis与Hibernate的详细对比
    MyBatis简介
  • 原文地址:https://www.cnblogs.com/xth0331/p/9655591.html
Copyright © 2011-2022 走看看