用Typora编辑Markdown

目录

  • 基础

    • 段落和换行符
    • 标题
    • 引用文字
    • 列表
    • 任务列表
    • 代码块
    • 脚注
    • 横向规则
    • YAML
    • 目录(TOC)
  • span元素
    • 链接
    • 网址
    • 图片
    • 重点
    • Strong
    • 代码
    • 删除线
    • 强调
    • 表情符号:开心:
    • 内联数学
    • 下标
    • 上标
    • 突出

基础

段落和换行符

一个段落只是一个或多个连续的文本行。在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 this1.

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

横向规则

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


YAML

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

目录(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作为链接插入,用<括号括起来>

<[email protected]>变成[email protected]。

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 \to \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. ??

原文地址:https://www.cnblogs.com/xth0331/p/9655591.html

时间: 2024-10-26 14:37:17

用Typora编辑Markdown的相关文章

用WebStorm编辑Markdown

前言[转http://blog.fens.me/webstorm-markdown/] WebStorm是一个非常高效的开发工具,特别对于Web前端的开发.Markdown流行,因为其简化了HTML的语法,去掉了表单等复杂标签,以极简的语法只做网页展现.在WebStorem中编辑Markdown文档,是一种普遍的应用需求. 目录 Markdown介绍 在WebStorem中安装Markdown插件 测试 1. Markdown介绍 Markdown 是一种轻量级标记语言,创始人为约翰·格鲁伯(J

atom编辑markdown之上传图片

01atom编辑markdown之上传图片 :first-child { margin-top: 0px; } .markdown-preview:not([data-use-github-style]) h1, .markdown-preview:not([data-use-github-style]) h2, .markdown-preview:not([data-use-github-style]) h3, .markdown-preview:not([data-use-github-st

一个在线编辑markdown文档的编辑器

![mahua](mahua-logo.jpg) ##MaHua是什么? 向Mac下优秀的markdown编辑器mou致敬 #MaHua有哪些功能? * 方便的`导入导出`功能 *  直接把一个markdown的文本文件拖放到当前这个页面就可以了 *  导出为一个html格式的文件,样式一点也不会丢失 * 编辑和预览`同步滚动`,所见即所得(右上角设置) * `VIM快捷键`支持,方便vim党们快速的操作 (右上角设置) * 强大的`自定义CSS`功能,方便定制自己的展示 * 有数量也有质量的`

使用Sublime Text 2 编辑Markdown

一.安装 下载Sublime Text 2 安装 二.安装Package Control 按Ctrl + ` 打开console 粘贴代码到console并回车 重启Sublime Text 2(出现安装失败时,是网络原因,需要翻墙) import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(

vscode 编辑markdown文件

关于换行问题 在vscode中编写Markdown文件时,会遇到明明按回车换行了但是预览的时候却没有换行的情况,这时在需要换行的地方多按两次空格键,就会换行 预览markdown文件 编辑器右上角有个小图标是预览markdown文件用的,点击即可实时预览markdown文件. 预览也可用快捷键,Mac下是:shift+control+M 原文地址:https://www.cnblogs.com/knuzy/p/10435583.html

对于Typora(markdown)的基本使用

对于刚开始使用该软件,应该在熟悉基本的markdown语法的基础上,再进行快捷键的使用! 标题 (快捷键:ctrl + 数字) 一级标题 二级标题 三级标题 四级标题 五级标题 六级标题 ####### 七级标题 (基本语法) 只有一~六级标题 有序内容: 1. + tab 无序内容: - + tab 代码块 :```+语言  print("hello world") 图片: 表格:(ctrl + T) 姓名 年龄 职业                   文字加粗(ctrl+B /

GitLab 中编辑 Markdown 技巧

目录 1. 缩进 2. 超链接 3. 换行 4. 段落 5. 标题 6. 锚点 7. 背景色 8. 右对齐 1. 缩进    2. 超链接 书写: [百度](https://www.baidu.com/) 效果: 百度 3. 换行 两个空格. 4. 段落 段落间留空行. 5. 标题 书写: # 一级标题 ## 二级标题 ### 三级标题 效果: # 一级标题 ## 二级标题 ### 三级标题 详细介绍: https://juejin.im/entry/5a557160518825734d147f

2015级计算机科学与技术软件工程(西北师范大学)助教总结

2015级计算机科学与技术软件工程(西北师范大学)助教总结 18年软件工程课程助教总结 非常有幸在上学期由代老师的推荐担任18年软件工程课程助教.在代老师.邹欣老师.周筠老师和郑蕊老师的监督和帮助下,我完成了助教工作.从开始的对助教工作的一知半解到最后的得心应手,都离不开老师和同学们的支持和配合. 虽然这是我第二次担任本科生助教,但是这次的助教工作才正式登堂入室.通过本次工作,我基本上搭建起来软件工程助教相关工作的框架,使我对助教工作有了深刻的理解,这对于下学期指导和帮助师弟师妹助教工作有巨大益

Typora + Open Live Writer 管理博客园

Typora(markdown编辑+latex数学公式实时显现) OLW(文章离线管理编辑+标签合理分类+代码高亮) 详细操作如下 打包下载 链接:https://pan.baidu.com/s/1ZtzZxNxd5dcim_jNxv3bRA 密码:9nhb 代码高亮方面:(把css,js文件上传到博客园,在页首代码加几句话就OK) 网上教程都有,这里就说一点,OLW很多人的代码插件都加载不了的原因: 这样子 在这里加代码后,就自动代码高亮了 Typora生成.md文件自动上传图片方法: htt