前言

一次偶然的机会,让我接触到了 .md 文档,进而开始摸索,并意外结识了 Typora 这个编辑器。

一、MarkDown

1.1 简介

Markdown 是一种轻量级标记语言,创始人为 John Gruber。它允许人们「使用易读易写的纯文本格式编写文档,然后转换成有效的 XHTML(或者 HTML)文档」。

1.2 为什么要用MarkDown

对于我而言,我选择MarkDown的原因如下:

  1. 回归到内容本身,注重文章本身的结构,而不是样式

    • 不需要考虑字体大小、颜色等,因为 Markdown 中字体样式都与结构有关,无法手动设置

  2. MarkDown的语法简单,记住几个常用的就可以释放鼠标了

    • 比如,我想要将 “这是个标题” 设置成二级标题,只需要在标题前添加##+空格即可实现,而不需要用鼠标先选中 “这是个标题”,然后在设置成二级标题

  3. 当前许多网站都支持用 Markdown 来撰写文档

    • 如 博客园、CSDN、简书、语雀 等,有了这么多网站的支持,你可以随时随地上传本地 MarkDown 文件到博客中

二、MarkDown 基本语法

2.1 标题

语法格式:#+空格+标题,一个#是一级标题,两个##是两级标题,以此类推,支持六级标题

2.2 字体

  • 加粗语法格式:**加粗**

  • 斜体语法格式:*斜体*

  • 语法格式:``斜体加粗`

  • 删除线 语法格式:~~删除线~~

  • 高亮

    语法格式:==高亮==

2.3 引用

语法格式:>+引用文字

我是引用文字

引用也可以嵌套:

如加两个>>

三个>>>

支持无线套娃~~

2.4 分割线

语法格式:三个或者三个以上的 - 或者 * 都可以,如***

2.5 图片

语法格式:![alt](图片地址 ''title'')

alt 指的是当图片链接失效时显示的提示文字,可加可不加 title是图片的标题,当鼠标移到图片上时显示的内容,可加可不加

如果你想要调整图片大小,有两种方式:

  1. 右击图片,选择缩放图片后,语法格式将变成<img src="Typora.assets/32.jpg" alt="32" style="zoom: 20%;" />20%可自行调整

  2. 通过HTML调节,格式如下:

<center><img style="border-radius: 20px;"src="Typora.assets/baymax.jpg" alt="baymax"width="688" >
</center>
  • <center>标签设置图片居中对齐

  • border-radius设置圆角

  • src放置图片路径(本地路径或网络路径)

  • alt放置图片链接失效后的显示文字

  • width设置图片宽度(witdhheight只设置一个即可,等比例缩放)

你也可以通过如下代码为图片添加图注:

<center><img style="border-radius: 20px;"src="" alt=""width="688" ><br><div style="color: #999; padding: 2px;">图注</div>
</center>

Hello,I'm baymax,your healthcare companion.

> 我使用的博客园主题不支持缩放代码,所以我选择了使用HTML的方式调整图片大小。放置上 设置圆角 的代码后我才发现,我使用的主题同样也不支持border-radius:weary:

2.6 超链接

语法格式:[超链接名](超链接地址)

2.7 列表

  • 无序列表

语法格式:无序列表用 - + * 任何一种都可以,如+ 我是无序列表

加号和内容之间需要放置一个空格

  • 有序列表

语法格式:数字+点+空格+内容,如1. 我是有序列表

  • 子列表

在子列表前按下tab键即可构成子列表。

2.8 表格

语法格式:

|左对齐|居中对齐|右对齐|
|:----|:----:|---:|
|左|中|右|
左对齐 居中对齐 右对齐

第二行分割表头和内容,并声明内容的对齐格式。一般而言,不这么用,感觉太费劲了,下面再介绍快捷键。

2.9 代码

  • 行内代码

语法格式:用一个反引号包起来 代码内容,代码会以主题中设置的样式出现在行内,但不会实现代码高亮。

  • 多行代码

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

``` 语言 代码内容 ```

语言:C、C++、JAVA 等

2.10 高级技巧

  1. 转义

Markdown 使用了很多特殊符号来表示特定的意义,如果需要显示特定的符号则需要使用转义字符,Markdown 使用反斜杠转义特殊字符:

\   反斜线
`   反引号
*   星号
_   下划线
{}  花括号
[]  方括号
()  小括号
#   井字号
+   加号
-   减号
.   英文句点
!   感叹号
  1. 行内公式(inline)用 $...$ 括起公式,公式会出现在行内。

  2. 块间公式(display)用 $$...$$ 括起公式(注意 $$ 后需要换行),公式会默认显示在行中间。

$$块间公式
$$
  1. 支持HTML

三、Typora

Typora 是一款轻便简洁的 Markdown 编辑器,支持即时渲染技术,这也是与其他Markdown编辑器最显著的区别。即时渲染使得你写 Markdown 就像是写Word文档一样流畅自如。个人认为是一款很好用的 MarkDown 编辑器,特来分享给大家❤️

3.1 软件安装

官网下载:https://www.typora.io/windows/typora-setup-x64.exe

阿里云:https://www.aliyundrive.com/s/wwyQpvXCcdS

3.2 支持正版

以下内容引用自 Typora的下载和破解|博客园

  1. 软件安装后,下载破解补丁 app.asar,并覆盖至安装路径的 resources 文件夹内,参考路径:

D:\Typora\resources

  1. 打开 typora ,点击输入序列号;

  1. 邮箱一栏中任意填写(但须保证邮箱地址格式正确),输入序列号,点击激活。

可选序列号:

  • DZTX2H-6MCQZT-QL4GCT-5EBWFX

  • G7LPKN-HP4NLD-FA3BGF-6JDQ5R

  • 3MH4Y8-YJWT37-G5JL9Y-UHNQDJ

  • 85ZPHY-ELQ9FQ-94J3VP-D92YLU

  • VEZ7NV-USYN3G-8TL2N3-DADUG4

3.3 在Typora中书写MarkDown

Markdown语法 Typora快捷键
一级标题 # ctrl+1
二级标题 ## ctrl+2
三级标题 ### ctrl+3
四级标题 #### ctrl+4
五级标题 ##### ctrl+5
六级标题 ###### ctrl+6
加粗 **粗体** ctrl+B
斜体 *斜体* ctrl+I
下划线 <u>下划线</u> ctrl+U
删除线 ~~删除线~~ alt+shift+5
创建表格 ctrl+T
创建超链接 [超链接名](超链接地址) ctrl+K
插入图片 ![alt](图片地址) ctrl+shift+I
插入公式块 $$公式$$ ctrl+shift+M
添加引用 >内容 ctrl+shift+Q
无序列表 + 内容 ctrl+shift+]
有序列表 1. 内容 ctrl+shift+[
粘贴为纯文本 ctrl+shift+V
返回Typora顶部 ctrl+Home
返回Typora底部 ctrl+End
启用/退出 源代码模式 ctrl+/
搜索 ctrl+F
搜索并替换 ctrl+H
选中光标所在行 ctrl+L
生成文档目录 [toc]+Enter
快速打开最新文档 ctrl+P

TOC从文档中提取所有标题,其内容将自动更新。

3.4 图片插入

插入图片除了使用插入语句外,还可以:

  • ctrl+C/V 将网络图片、剪贴板图片复制到文档中

  • 拖动本地图片到文档中

Typora 会自动帮你插入符合 Markdown 语法的图片语句,并给它添加alt

3.5 打字机模式和专注模式

通过 视图→→打字机模式/专注模式 开启或关闭:

  • 「打字机模式」使得你所编辑的那一行永远处于屏幕正中央。

  • 「专注模式」使你正在编辑的那一行保留颜色,而其他行的字体呈灰色。

3.6 空格与换行

  • 空格:在输入连续的空格后,Typora 会在编辑器视图里为你保留这些空格,但当你打印或导出时,这些空格会被省略成一个。你可以在源代码模式下,为每个空格前加一个 \ 转义符,或者直接使用 HTML 风格的 &nbps; 来保持连续的空格。

需要说明的是,在 Markdown 语法中,换行(line break)与换段是不同的,且换行分为软换行和硬换行。

  • 软换行:在 Typora 中,你可以通过shift+enter完成一次软换行。软换行只在编辑界面可见,当文档被导出时换行会被省略。

  • 硬换行:你可以通过 空格+ 空格+ shift+enter完成一次硬换行,而这也是许多 Markdown 编辑器所原生支持的。硬换行在文档被导出时将被保留,且没有换段的段后距。

  • 换段:你可以通过enter完成一次换段。Typora 会自动帮你完成两次shift+enter的软换行,从而完成一次换段。这也意味着在 Markdown 语法下,换段是通过在段与段之间加入空行来实现的。

  • Windows 风格(CR+LF)与 Unix 风格(LF)的换行符:CR表示回车\r,即回到一行的开头,而LF表示换行\n,即另起一行。所以 Windows 风格的换行符本质是「回车+换行」,而 Unix 风格的换行符是「换行」。这也是为什么 Unix/Mac 系统下的文件,如果在 Windows 系统直接打开会全部在同一行内。你可以在「文件 - 偏好设置 - 编辑器 - 默认换行符」中对此进行切换。

3.7 支持emoji 表情

在 Typora 中,你可以用 :emoji: 的形式来打出 emoji,软件会自动给出图形的提示。

3.8 Little Tips

安利一个快捷键提示工具,轻量级+快捷方便。

官网:LittleTips

它本身支持的软件列表并不包含Typora,但给出了自定义软件快捷键的方式,所以,我就自己捣鼓了一下:

自行选择下载:typora.json

LittleTips不含开机自启的选项,如果你想要设置成开机自启,可参考如下方法:

  1. 将需要自启动软件创建一个快捷方式

  2. 按 win+ R,键入shell:startup,打开 「启动」 文件夹

  3. 将需要开机自启动的软件的快捷方式拖到启动文件夹中

3.9 Typora设置图片自动上传

Typora固然好用,MarkDown也固然好用,但图片该怎么处理?总不能自己一张张的上传,然后在复制网络连接吧,也不是不可以

Typora教程,Markdown语法教程相关推荐

  1. Markdown语法教程,使用Typora

    Markdown 语法教程 Markdown 简介 Markdown 是一种轻量级标记语言,具有纯文本格式语法. Markdown 标题语法 # 标题名字 (#井号个数代表标题级数,#和标题之间有一个 ...

  2. 菜鸟教程 MarkDown语法

    菜鸟教程之MarkDown语法 MarkDown标题 MarkDown段落 MarkDown字体 MarkDown分隔线 MarkDown删除线 MarkDown脚注 MarkDown列表 MarkD ...

  3. Typora 的 Markdown 语法

    概述 Markdown 由 Daring Fireball 创建,原始指南在 这里.但是,它的语法因不同的解析器或编辑器而异.Typora 正在使用 GitHub Flavored Markdown. ...

  4. Markdown 随笔:改变 typora 扩展Markdown语法【文字高亮颜色】

    Markdown 随笔:改变 typora 扩展Markdown语法[文字高亮颜色] 更新提示: 更新:2020/07/24 1.前言 文字高亮在typora >格式 >高亮 可以找到 原 ...

  5. Markdown语法教程

    Markdown 是一种轻量级标记语言,创始人为 John Gruber.它允许人「使用易读易写的纯文本格式编写文档,然后转换成有效的 XHTML(或者 HTML)文档」.--维基百科 背景 优点 专 ...

  6. python语法教程-Python语法教程总结规范

    Python语法易错点记录 本文提供全流程,中文翻译. Chinar坚持将简单的生活方式,带给世人! (拥有更好的阅读体验 -- 高分辨率用户请根据需求调整网页缩放比例) Chinar-- 心分享.心 ...

  7. typora中html标签不折叠,使用Typora编写Markdown你真的会了吗

    Typora 介绍 Typora是一款功能全面.简洁高效,而且又非常优雅的Markdown编辑器.它把源码编辑和效果预览合二为一,在输入标记之后随即生成预览效果,提供了"所见即所得" ...

  8. 使用Markdown语法写的笔记.2

    使用Markdown语法写的笔记(一级标题) 二级标题 (## (加空格) 1.這篇筆記用於記錄本人目前為止所學到的markdown語法和一些經驗.(三级标题### 加空格)) 一級標題和二級標題都是 ...

  9. Typora markdown语法基础教程

    提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 markdown语法大全 文章目录 markdown语法大全 一,markdown标题 二,markdown代码块 三,markdow ...

最新文章

  1. 在php中_post啥意思,php中$_post什么意思
  2. SafeNet宣布推出其最小的圣天诺HASP硬件型软件保护锁
  3. python【蓝桥杯vip练习题库】ADV-288成绩排名
  4. 初探 es6 promise
  5. Scala的隐式参数、隐式值、隐式对象
  6. OpenShift v3:使用WildFly和MySQL的Java EE 7入门
  7. php语句导入mysql_php如何将数据库导入mysql
  8. java 加载imageview_如何在Android中通过URL加载ImageView? [关闭]
  9. 【读书笔记《Android游戏编程之从零开始》】6.Android 游戏开发常用的系统控件(TabHost、ListView)
  10. 华为(H3C)visio图库,是完全版的包括PPT格式与VISIO格式
  11. 基于python的web框架——Flask 学习笔记
  12. 彻底理解confidence interval和credible interval
  13. 服务器摆放需要预留U位么_服务器机柜的尺寸你了解多少?“U”是在弱电中代表什么意思...
  14. 手机端别用谷歌了,好用到爆的小众浏览器你确定不试试
  15. 写一个抖音协议 价格你定
  16. seo是什么意思(seo专员是什么职业?)
  17. S7200SMART 软件在虚拟机中连接PLC笔记
  18. Spring Security OAuth2:整合jwt
  19. java开发微信设计论文_集客微信公众号: 本科毕业设计:基于WxJava框架的集客微信公众号的设计与实现...
  20. 【pandas之DataFrame相关函数】loc()函数、iloc函数

热门文章

  1. 六个拿来就能用的有趣网页特效
  2. [详解]Twitter开源分布式自增ID算法snowflake,附演算验证过程
  3. RT-Thread与华南理工大学、兰州大学、哈尔滨信息工程学院成立——联合实验室!
  4. docker 搭建 storm
  5. AI虚拟主播数字人技术实现Wav2Lip【附完整版教程】及【效果评测】
  6. WBSC 世界棒垒球总会·大洋洲
  7. 【C++】模板-函数模板、类模板
  8. c语言if语句教学设计,c语言if语句教学设计
  9. sap服务器查看系统日志目录,服务器怎么看操作日志
  10. 巴特沃斯滤波器和同态滤波