[Markdown+Typora]教程

[Markdown+Typora]教程

Cai junhao 2024/04/07

简要介绍

Markdown 是一种轻量型标记语言, 是一种语法. 以 .md 结尾的文本文件就是 Markdown 文件. 相较于 Word, 它更加像是 HTML 语言或是 LaTeX \LaTeX LATEX, 并不是最淳朴的那种"所见即所得". 它处处透露着一种极简主义. 高效简洁清晰的同时, 又很简单. 看起来舒服, 语法简单, 尤其在处理纯文本上有很大的优势.

它相较于 Word, 兼容性非常高, 可以跨平台使用, 不用担心奇奇怪怪的版本兼容问题. 同时, 有许多网站都支持或正在使用 Markdown 语法. 如 Github (等一系列代码托管平台), StackOverflow(等答疑平台), 简书, 语雀 (等一系列笔记平台).

❗️注意事项

写文本的时候大多写的是中文,可是输入法在输中文时使用的标点为全角标点,如,。?()【】{},这些标点是不被md认可的,也是无法转义的。

建议在写Markdown的时候都用拳脚标点,即英文标点,如,.?;'[](),且每个半角标点在文本使用时加上后置空格,符合英文标点的书写规范,也更加美观。
以微软自带输入法举例, 在使用中文输入法时按下ctrl+., 切换标点的全角与半角, 这样即可中文输入+半角标点.

🍭基础教程

1. 标题 [数个"#"+空格 前置]

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

标题会在目录与大纲分级显示, 可以跳转.

在 Typora 中建议开启 严格模式, 即不应为 #标题, 应为 # 标题.

应该要手动补上空格, 使得 Markdown 语法在其他文本编辑器上兼容.

2. 字体

(1) 加粗[用"**"或 “__” 包围]
**欢迎报考吉林大学!** (我喜欢用这种)
__欢迎报考吉林大学!__

或者选中想要强调的文字按下 Ctrl + B.

(2) 斜体 [用 “*” 或 “_” 包围]
*欢迎大佬来浇浇我各种知识* (我喜欢用这种)
_欢迎大佬来浇浇我各种知识_

或者选中想要强调的文字按下 Ctrl + I.

(3)斜体并强调 [用 “***” 或 “___” 包围])
***你好,世界!***
___你好,世界!___
(4)删除线 [用 “~~” 包围]
~~我宣布个事儿, 我是Sabiyary!~~
(5) 高亮 [用 “==” 包围]

(注意: 此为扩展语法)

==我喜欢黄色, 也喜欢绿色==
(6)上标(用"^^包围")

(注意: 此为扩展语法)

我是^上标^
(7)下标(用"~~"包围)

(注意: 此为扩展语法)

我是~下标~ (英文输入~)

3. 代码 [用 “`” 包围]

`sudo rm -rf /*`

E.G.

sudo rm -rf /* (没事别乱敲这个! )

“请输入管理员密码: (闪烁的光标)”

4. 代码块 [按三个 “`” 并敲回车]

```
// 这里就可以开始输入你要的代码了
#include <stdio.h>
int main(){
    print(“Hello, world!\n");
    return 0;
}
```// (这三个"`"文本编辑器会帮你自动补全 一般不用手动输)

要想显示行数的话, 一般要在 Typora 的设置里勾上这个显示行数的选项.

代码块里可以选择语言, 其会根据语言来自动高亮各个语句. 在选择语言后, ````会变为 `````+ 对应语言.

5. 列表

(1)无序列表 [“-” 或 “+” + 空格 前置]
+ 一二三四五
	+ 上山打老虎
		+ 老虎不在家
			+	打到小松鼠
(2)有序列表 [数字 + “.” + 空格 前置]
1. 一二三四五
2. 上山打老虎
3. 老虎不在家
4. 打到小松鼠

敲回车会自动补全, 敲回车后按下 Tab 会缩进一级.

6. 表格[用 “|” 绘制表格边框]

| 学号 | 姓名  | 年龄 |
| :--- | :---: | ---: | (引号的位置代表着 左对齐, 居中, 右对齐)
|114514|田所|24|
|1919810|浩三|25|

第一行为表头, 并由第二行分割线决定对齐方式与长度, 第三行及之后即表格数据
E.G.

学号姓名年龄
114514田所24
1919810浩三25

7. 引用[“>” + 空格 前置]

>一二三四五
>>上山打老虎
>>>老虎不在家
>>>>打到小松鼠

E.G.

一二三四五

上山打老虎

8. 分割线[按三个 “*” 或 “-” 或 “_” 并敲回车]

***
--- (我喜欢用这种)
___
// (其实按三个及以上都可以)

由于 *_ 均会自动补全, 所以我觉得 - 最为方便.

9. 图片 [直接拖进来或者复制粘贴]

![自己起的图片名字](图片地址或者图片本地存储的路径)

我还是会选择拖进来或者复制粘贴啦~ 在 Typora 的设置里也可以改图片的储存方式.

10. *注释 [“[^]” 后置]

(注意: 此为扩展语法)

> 今日我们相聚于此, 是为了学习 Markdown 的使用, 它的教程对于全体「观众」而言, 值得足足两个硬币的支持鼓励![^1]

[^1]: 沃兹·基·硕德 改编自「公鸡」普契涅拉.

需要在文末写上注释对应的内容.

E.G.

今日我们相聚于此, 是为了学习 Markdown 的使用, 它的教程对于全体「观众」而言, 值得足足两个硬币的支持鼓励!1

11. 链接 [常用 “[ ]” + “( )” 分别包围文本与链接]

(注意: 文内跳转为扩展用法)
外部跳转–超链接
格式为 [link text](link)

内部跳转–本文件内跳(typora支持)
格式为 [link text](#要去的目的地--标题)

自动连接
使用 <> 包括的 URL 或邮箱地址会被自动转换为超链接:

[来看看我贫瘠的仓库罢](https://space.bilibili.com/1570881091?spm_id_from=333.1007.0.0)
[基础教程: 7. 引用](#7.引用[">" + 空格 前置])
<https://www.baidu.com>

支持网页链接与文内跳转, 按住 Ctrl单击鼠标左键 即可跳转.

E.G.

来看看我贫瘠的仓库罢

[基础教程: 7. 引用](#7.引用[“>” + 空格 前置])

https://www.baidu.com

12. 任务列表 [“- [ ]” + 空格 前置]

TodoList:
- [ ] 刷B站
- [ ] 写代码
- [x] 起床

x 代替 [ ] 中的空格来勾选任务列表. 在 Typora 中可以直接用鼠标左键单击勾选框.

E.G. TodoList:

  • 刷B站
  • 写代码
  • 起床

13. Emoji表情 [“:” 前置]

(注意: 英文输入为扩展语法)

:sweat_smile: 
:drooling_face:
:clown_face:
:smile: :laughing: :dizzy_face: :sob: :cold_sweat: :sweat_smile:  :cry: :triumph: :heart_eyes: :relaxed: :sunglasses: :weary:

:+1: :-1: :100: :clap: :bell: :gift: :question: :bomb: :heart: :coffee: :cyclone: :bow: :kiss: :pray: :sweat_drops: :hankey: :exclamation: :anger:
// (敲回车或者鼠标点击, 后置的":"一般不需要手动输)

这个功能唯一的要求就是英语水平要高, 或者大概记得各个 Emoji 的英文名.

E.G.

😅
🤤
🤡
😄 😆 😵 😭 😰 😅 😢 😤 😍 ☺️ 😎 😩

👍 👎 💯 👏 🔔 🎁 ❓ 💣 ❤️ ☕️ 🌀 🙇 💋 🙏 💦 💩 ❗️ 💢

对于其余普通的 Markdown 文本编辑器, 可以直接将 Emoji 表情复制进来, 这是直接硬编码的 (刻进DNA里)

E.G.

😅🤤🤡

用好这个功能可以让你的文本非常的可爱! 太抽象了

这里分享一个可以复制全Emoji的网站, 非常好用!

🔥 进阶教程

1. 目录 [自动生成]

[TOC] (此为 Typora 特有的, 如本文档开头)

若使用 VS Code 搭配 Markdown All in One 扩展, 可在 VS Code 的命令面板 (即 VS Code Command Palette) 输入 Create Table of Contents 自动生成目录, 且可在扩展设置中细调目录参数.

2. 内联 HTML 代码 [用 “<> </>” 包围]

<div style="text-align:center">
  <font style="color:red">我不会 HTML 呜呜呜... 浇浇我</font>
</div>

<center>简单的文字居中也可以这样</center>

<u>我差点忘了还有下划线这东西...</u>

只要你会写, 你完全可以把 Markdown 当作 HTML 来写.

同时, .md 文件可以直接导出成一个网页.

下划线可以选中想要下划的文字按下 Ctrl + U.

E.G.

我不会 HTML 呜呜呜... 浇浇我
简单的文字居中也可以这样

我差点忘了还有下划线这东西…

3. 内联 LaTeX \LaTeX LATEX 公式 [用 “$” 包围]

(注意: 部分编译器会不识别部分符号)

$\LaTeX$ 是最好用的论文排版语言! 不信你看!

$a^n+b^n=c^n$

$$
%\usepackage{unicode-math}
\displaystyle \ointctrclockwise\mathcal{D}[x(t)]
\sqrt{\frac{\displaystyle3\uppi^2-\sum_{q=0}^{\infty}(z+\hat L)^{q}
\exp(\symrm{i}q^2 \hbar x)}{\displaystyle (\symsfup{Tr}\symbfcal{A})
\left(\symbf\Lambda_{j_1j_2}^{i_1i_2}\Gamma_{i_1i_2}^{j_1j_2}
\hookrightarrow\vec D\cdot \symbf P \right)}}
=\underbrace{\widetilde{\left\langle \frac{\notin \emptyset}
{\varpi\alpha_{k\uparrow}}\middle\vert
\frac{\partial_\mu T_{\mu\nu}}{2}\right\rangle}}_{\mathrm{K}_3
\mathrm{Fe}(\mathrm{CN})_6} ,\forall z \in \mathbb{R}
$$

$ 包围为单条公式, 按下两个 $ 并敲回车即生成公式块.

E.G.

LaTeX \LaTeX LATEX 是最好用的论文排版语言! 不信你看!

a n + b n = c n a^n+b^n=c^n an+bn=cn

KaTeX parse error: Undefined control sequence: \ointctrclockwise at position 43: … \displaystyle \̲o̲i̲n̲t̲c̲t̲r̲c̲l̲o̲c̲k̲w̲i̲s̲e̲\mathcal{D}[x(t…

4. *Typora 的常用快捷键

按键效果按键效果
Ctrl + D选中当前词Ctrl + L选中当前句/行
Ctrl + E选中当前区块Ctrl + F搜索当前选中
Ctrl + B加粗当前选中Ctrl + H替换当前选中
Ctrl + I倾斜当前选中Ctrl + U下划当前选中
Ctrl + K将当前选中生成链接Ctrl + J滚动屏幕将选中滚至顶部
Ctrl + W关闭当前窗口Ctrl + N打开新窗口
Ctrl + O打开文件Ctrl + P搜索文件并打开
Ctrl + 回车表格下方插入行Ctrl + ,打开偏好设置
Ctrl + .切换全角/半角标点Ctrl + /切换正常/源代码视图
Ctrl + Shift + -缩小视图缩放Ctrl + Shift + +放大视图缩放

还有一些不常用的/三键的快捷键不在此列出.

5. *Typora 的主题样式与检查元素

Markdown 在编译后约等于 HTML. 而 Typora 的正常视图就是编译后的 Markdown, 故Typora的主题样式本质就是 CSS 文件.

可以下载各种好看的主题给 Typora换上, 同时也可以自己调整对应的 CSS 文件, 或者自己手搓.

在 Typora 设置中开启 调试模式 后即可在正常视图右击打开 检查元素, 在其中就可以完全将 Markdown 文件当成 HTML 来编辑.

💯 总结

至此, Markdown + Typora / VSCode 的手册教程也告一段落.

不知你看完这么长的教程/手册, 是否能体会到 Markdown 的精妙简洁之处呢?

其实 Markdown 只是标记语言的最开始, 我的感受是会了 Markdown 之后对于理解 HTML 也有帮助, 对于用 LaTeX \LaTeX LATEX 来写论文也有帮助. 标记语言正是为了摆脱 Word 那种虽然"所见即所得", 但又过于花哨浮华, 很差的兼容性与闭源的编码的缺陷. 当你能掌握这样的"所写即所得"时, 你肯定会感受到用 Markdown 这类语言来处理文本的妙处!

📖参考资料

  1. 视频一 [Markdown + Typora/VSCode 超全教程] 给大一新生安利的文本神器 !
    视频一的文档地址
    2.视频二 Markdown保姆级教程之基础篇(Typora使用教程)
    视频二的文档地址 密码:ityp

  1. 沃兹·基·硕德 改编自「公鸡」普契涅拉. ↩︎

  • 10
    点赞
  • 29
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值