快速学会Typora和Markdowm常用语法

news2024/12/23 15:30:12

什么是Markdown?

Markdown 是一种轻量标记语言,和 Word、PDF、HMTL 格式一样,可以用作文章或者网页的格式。

图片

和其它的格式相比,Markdown 具备以下优势:

  1. 易学易用,逼格满满;

  2. 格式简洁,辨识度高,功能强大,不仅可平替掉 Office 三件套(Word、Excel 和 PPT),还能快速转换成 PDF、HTML 等格式文本;

  3. 广泛应用于绝大多数互联网平台,如 GitHub、Wikipedia、公众号、知乎等。

Typora 是什么?

Typora 是目前市面上最好用的 Markdown 编辑器工具,就像 Office 对于 Word 一样 。

从 Typora1.0 版本开始,该编辑器需要付费使用,官方下载地址:https://link.zhihu.com/?target=https%3A//typora.io/

虽然免费且未激活的比付费版本功能稍微差一些,但我们只简单使用编辑文档的话,免费 Beta 版已经够用了。

免费版的软件安装包已经分享在文末的百度盘子里了,需者自取。

常用操作

安装完成以后,我们可以打开 Typora 学习 Markdown 格式。

1. 标题

Typora 一共有六级标题

# 一级标题                   快捷键  ctrl+1
## 二级标题                  快捷键  ctrl+2
### 三级标题                 快捷键  ctrl+3
#### 四级标题                快捷键  ctrl+4
##### 五级标题               快捷键  ctrl+5
###### 六级标题              快捷键  ctrl+6
正文内容 快捷键  ctrl+0 清除标题变为普通文本

# + 空格 + 标题内容 是一级标题,## + 空格 + 标题内容 是二级标题,以此类推一直到六级标题。

PS:# 后面一定要跟空格,或者用鼠标选择标题文字后用 ctrl+数字快捷键来设置标题

效果如下:

一级标题                   快捷键  ctrl+1

二级标题                  快捷键  ctrl+2

三级标题                 快捷键  ctrl+3

四级标题                快捷键  ctrl+4
五级标题               快捷键  ctrl+5
六级标题              快捷键  ctrl+6

2. 列表
2.1 有序列表
1. 一级有序列表              快捷键 ctrl+shift+[
2. 一级有序列表           快捷键 一级有序列表下按回车
     二级有序列表           快捷键 换行后,按Tab,从一级自动调整为二级列表
3. 一级有序列表   快捷键 换行后,按shift+Tab,从二级自动调整为一级列表

数字 + 小数点 + 空格 是一级有序列表的格式,也可以在该行使用快捷键 ctrl+shift+[ 来设置有序列表。

如果想要跳出列表可以连续按两次回车,或向下的方向键【注意,此时该行后面不能有内容,否则会自动转换为列表】,效果如下:

  1. 动物

    1. 猴子

    2. 大象

  2. 植物

    1. 向日葵

    2. 荷花

石头

芭蕉

2.2 无序列表
* 一级无序列表              快捷键 ctrl+shift+]
* 一级无序列表          快捷键 一级有序列表下按回车
    二级无序列表           快捷键 换行后,按Tab,从一级自动调整为二级列表
* 一级有序列表  快捷键 换行后,按shift+Tab,从二级自动调整为一级列表

星号 + 空格 + 内容 是一级无序列表格式,也可以在该行使用快捷键 ctrl+shift+] 来设置无序列表。和有序列表一样,想要跳出列表可以连续按两次回车,或向下的方向键,效果如下:

  • 动物

    • 猴子

    • 大象

  • 植物

    • 向日葵

    • 荷花

石头

芭蕉

2.3 任务列表
- [ ] 一级任务列表              无快捷键
- [ ] 一级无序列表          快捷键 一级任务列表下按回车
    二级无序列表            快捷键 换行后,按Tab,从一级自动调整为二级列表
- [ ] 一级有序列表  快捷键 换行后,按shift+Tab,从二级自动调整为一级列表

短横线 + 空格 + 左中括号 + 空格 + 右中括号 + 内容 是一级任务列表格式,和有序列表一样,想要跳出列表可以连续按两次回车,或向下的方向键,效果如下:

  • 动物

    • 猴子

    • 大象

  • 植物

    • 向日葵

    • 荷花

石头

芭蕉

3. 段落

3.1 代码块

在软件文档的编写里,最重要的部分就是代码块的展示格式。

在 Typora 里,代码块的格式为 ``` + 空格 + {编程语言}

``` go go语言的代码块内容     快捷键 ctrl+shift+k
``` java java语言的代码块内容  快捷键 ctrl+shift+k

```(ESC下面的英文符号) + 空格 + {编程语言}是代码块的格式,或者用快捷键 ctrl+shift+k 引用一段代码块。想要跳出引用块可以按回退键,或向下的方向键,效果如下:

include<stdio.h>
int main()
{
prinf("hello world");
return 0;
}

3.2 引用块
> 引用块1    快捷键 ctrl+shift+Q
>> 引用块2快捷键 引用块1下继续使用ctrl+shift+Q
>>> 引用块3快捷键 引用块2下继续使用ctrl+shift+Q

大于号 + 空格 + 内容 是引用块的格式,和代码块一样,想要跳出引用块可以按回退键,或向下的方向键,效果如下:

引用块1

引用块2

引用块3

3.3 数学公式块

数学公式块比较复杂,需要对 math 类函数进行操作,文档链接:https://support.typoraio.cn/zh/Markdown-Reference/

基本语法:

$$+回车,输入math语法,如:
\mathbf{V}_1 \times \mathbf{V}_2 =  \begin{vmatrix}
\mathbf{i} & \mathbf{j} & \mathbf{k} \\
\frac{\partial X}{\partial u} &  \frac{\partial Y}{\partial u} & 0 \\
\frac{\partial X}{\partial v} &  \frac{\partial Y}{\partial v} & 0 \\
\end{vmatrix}

效果如下:

图片

注意,数学公式块需要先在勾选内联公式,重启 Typora 后才能显示出效果:

图片

4. 表格

在文档里插入表格:

|语文|数学|英语| + 回车 快捷键 ctrl+T
新增一行 快捷键 ctrl+回车

通过 竖线+列名+竖线+列名+竖线 可添加表格,也可以用快捷键 ctrl+T 新增,效果如下:

语文数学英语
899986
877898

5. 图片

在文档里新增图片:

![图片名称](图片路径)快捷键 ctrl+shift+i

新增图片的格式为 英文感叹号+左中括号+图片名称+右中括号+左小括号+图片路径+右小括号,或者用快捷键 ctrl+shift+i,直接输入图片名称和路径。

同时,Typora 还支持直接复制一张图片到文档中。但需要注意,Typora 的图片是引用图片的路径来显示的,所以当文档发送给别的用户后,图片就看不到了,解决这个问题可以用图片相对路径。

配置:文件 -> 偏好设置 -> 图像 -> 优先使用相对路径

图片

发送文档时,把装有图片的目录也发送给别人,这样其它用户在打开文档时,就能正常加载图片了。比如,像笔者这样,在每一个文档的同级目录下都新建一个 imgs 文件夹:

图片

文档中引用图片时,使用相对路径:

图片

6. 超链接

当文档中需要为某段文字添加超链接时,Typora 支持两种实现方式,以及文档内跳转和文档外跳转两种类型。

6.1 利用 Markdown 语法实现
1)文档外链接跳转
[文本内容](超链接URL)例如:[百度一下](www.baidu.com)

添加文档外的超链接,Markdown 的格式是 左中括号+文本内容+右中括号+左括号+URL+右括号,效果如下:

百度一下

注意:我们在编写 Markdown 文档时,需要把鼠标放在链接内容上,按住 Ctrl 键点击链接才可以跳转。

2)文档内跳转

文档内部跳转的格式和外部链接类似,不同的是 Markdown 格式下,内部链接跳转只支持跳转到标题:

[文本内容](#6.-超链接)

添加文档内的超链接,Markdown 格式是 左中括号+文本内容+右中括号+左括号+#+标题+右括号,注意:标题中的空格需要用中横线 “-” 代替

6.2 利用 HTML 语法实现
1)文档外链接跳转

Typora 很强的一点就是,它完美支持了 HTML 的很多语法,比如:我们可以用标签 <a> 添加超链接

<a href="www.baidu.com">百度一下</a>

HTML 语法中,超链接用标签 <a> 表示,href 放入超链接地址,即可访问。效果如下:

百度一下

2)文档内跳转

文档内部跳转的格式和外部链接类似,但是需要自己在文档内需要跳转的地方添加一个标签。同时,HTML 语法链接跳转支持跳转到内部任意位置

<span name="tag1">跳转到我这里</span>
<a href="#tag1">点击我跳转到标签位置</a>

HTML 语法里面,span 元素是短语内容的通用行标识器,没有特殊语义,相当于给我们跳转的位置加了个唯一标识,让 <a> 链接知道我们想要跳转到哪里。

7. 文本+表情

1)删除线
~~文字内容~~          快捷键 Alt+Shift+5

效果:

删除线

2)斜体
*文字内容*             快捷键 Ctrl+I

效果:

斜体

3)加粗
**文本内容**            快捷键 Ctrl+B

效果:

文本内容已加粗展示

4)下划线
<u>文本内容</u>          快捷键 Ctrl+U

效果:

下划线

5)表情符号

Typora 支持输出表情符号,语法是 英文冒号+表情英文,常见表情如下:

:smile // 微笑
:star  // 星星
:dog   // 旺财

效果:

😄

⭐️

🐶

6)高亮

高亮是 Markdown 文档用来让文字更醒目的标记:

==文本内容==                快捷键 Ctrl+Shift+H

注意,第一次使用 Typora 时,高亮是默认不显示的。我们需要在 文件 -> 偏好设置中勾选开启高亮:

图片

效果:

文本内容已高亮展示

8. Markdown主题

8.1 Typora 默认主题

这时,聪明好学的朋友可能发现了,这篇文档中的加粗字体颜色,引用背景色、高亮颜色等,为什么和自己电脑里的 Markdown 样式不同呢?

这就是 Typora主题 的区别了!

Typora 为我们提供了多种文档主题可供选择,具体可在文档页面的左上角:主题(T) -> 选择你喜欢的主题。

8.2 DIY 主题

除了 Typora 为我们提供的多种默认主题,我们还可以 DIY 自己的主题风格,Typora 和 HTML 的样式一样,都是用 .css 文件配置的:

图片

打开我们的主题文件夹,修改目前使用的主题样式,或者从 github.css 复制一个【由于我们的主题风格会模仿 “思否” 网站的样式,所以将复制文件 github - 副本.css 改名为 sifou.css】:

图片

.css 文件中,我们可以

1)设置文档的字体大小

图片

2)修改标题大小和颜色

图片

3)字体加粗样式

图片

比如文档中的加粗颜色为绿色【#00965e】,字体为 1.1em 大小。

颜色代码查询:https://htmlcolorcodes.com/zh/yanse-ming/

4)还有高亮,代码块等样式设计

图片

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1098844.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

常用的原型工具有哪些?推荐这7款

原型图设计工具有很多优点。除了帮助设计师快速与客户达成协议&#xff0c;避免项目前景的冲突外&#xff0c;原型图设计工具还可以让客户看到正在创建的内容。如果需要更改&#xff0c;原型图设计工具也可以轻松完成。本文快速总结了7种原型图设计工具。无论你是专业设计师还是…

行情分析——加密货币市场大盘走势(10.16)

目前大饼再次止稳&#xff0c;并开始向上攀升&#xff0c;目前MACD来看也是进入了多头趋势。重新调整了蓝色上涨趋势线&#xff0c;目前来看这次的低点并没有跌破上一个低点&#xff0c;可以认为是上涨的中继。注意白天的下跌回调。 以太目前也是走了四连阳线&#xff0c;而MAC…

网络安全—小白自学笔记

1.网络安全是什么 网络安全可以基于攻击和防御视角来分类&#xff0c;我们经常听到的 “红队”、“渗透测试” 等就是研究攻击技术&#xff0c;而“蓝队”、“安全运营”、“安全运维”则研究防御技术。 2.网络安全市场 一、是市场需求量高&#xff1b; 二、则是发展相对成熟…

你知道跨境商城源码如何为商家节省成本和时间吗

跨境电商行业迅速发展&#xff0c;商家如何利用跨境商城源码实现成本和时间节省 在全球经济一体化的背景下&#xff0c;跨境电商行业蓬勃发展&#xff0c;为商家提供了全球范围的市场机会。然而&#xff0c;面临的挑战也日益增多&#xff0c;比如高昂的运营成本和繁琐的流程&am…

嵌入式面试经典30问

嵌入式面试经典30问 很多同学说很害怕面试&#xff0c;看见面试官会露怯&#xff0c;怕自己的知识体系不完整&#xff0c;怕面试官考的问题回答不上了&#xff0c;所以今天为大家准备了嵌入式工程师面试经常遇到的30个经典问题&#xff0c;希望可以帮助大家提前准备&#xff0…

weapp-tailwindcss for uni-app 样式条件编译语法插件

weapp-tailwindcss for uni-app 样式条件编译语法插件 版本需求 2.10.0 weapp-tailwindcss for uni-app 样式条件编译语法插件 这是什么玩意?如何使用 tailwind.config.js 注册postcss 插件注册 uni-app vite vue3uni-app vue2 配置完成 配置项 这是什么玩意? 在 uni-app …

GeoServer源码运行(数据目录+数据库)

1、源码下载 下载地址:https://github.com/geoserver/geoserver/tree/2.23.2 图 2选择版本下载 2、启动配置 图 3主程序启动类配置 GeoServer主程序的启动类为web->app[gs-web-app]模块下test目录下“org.geoserve

3个g的文件怎么发送给别人?三种方法自由选择!

发送大文件不仅会耗费较长时间&#xff0c;同时也可能需要消耗更多的流量费用&#xff0c;更容易出现网络中断或其他传输错误。这时候就需要使用文件压缩工具将它们压缩为一个文件&#xff0c;然后将其发送到收件人。下面介绍了三种大体积压缩的方法&#xff0c;一起来看看吧&a…

探索未来:硬件架构之路

文章目录 &#x1f31f; 硬件架构&#x1f34a; 基本概念&#x1f34a; 设计原则&#x1f34a; 应用场景&#x1f34a; 结论 &#x1f4d5;我是廖志伟&#xff0c;一名Java开发工程师、Java领域优质创作者、CSDN博客专家、51CTO专家博主、阿里云专家博主、清华大学出版社签约作…

微信小程序里配置less

介绍 在微信小程序里&#xff0c;样式文件的后缀名都是wxss&#xff0c;这导致一个问题&#xff0c;就是页面样式过多的时候&#xff0c;要写很多的类名来包裹&#xff0c;加大了工作量&#xff0c;还很有可能会写错样式。这时可以配置一个less&#xff0c;会大大提高代码编辑…

Programming abstractions in C阅读笔记:p179-p180

《Programming Abstractions In C》学习第60天&#xff0c;p179-p180总结。 一、技术总结 1.palindrome(回文) (1)包含单个字符的字符串(如"a")&#xff0c;或者空字符串(如" ")也是回文。 (2)示例&#xff1a;“level”、“noon”。 2.predicate fun…

优维产品使用最佳实践:实例拓扑

背 景 实例拓扑可以帮助我们直观地了解整个系统的架构和组成情况&#xff0c;该拓扑图是通过已有的实例的关联关系自动生成&#xff0c;当实例数据和关系变化时拓扑图也能实时更新&#xff0c;我们可以快速直观的查看当前实例下所有资源的之间的网状关系和资源数量。 实例拓扑…

ChatGPT DALL-E 3的系统提示词大全

每当给出图像的描述时&#xff0c;使用dalle来创建图像&#xff0c;然后用纯文本总结用于生成图像的提示。如果用户没有要求创建特定数量的图像&#xff0c;默认创建四个标题&#xff0c;这些标题应尽可能多样化。发送给Dalle的所有标题都必须遵循以下策略&#xff1a;1.如果描…

探索低代码技术

低/无代码的高速发展&#xff0c;属于软件市场的选择&#xff0c;相较于传统编写代码的开发方式&#xff0c;低/无代码开发效率高、投入成本低、技术门槛也更低&#xff0c;未来更多软件应用将使用低/无代码技术完成&#xff0c;这也是趋势。 身为开发人员经常需要花大量时间在…

2011年408真题复盘

紫色标记是认为有一定的思维难度或重点总结 红色标记是这次刷真题做错的 记录自己对题目的一些想法与联系&#xff0c;可能并不太关注题目本身。 分数用时 选择部分10.14 78/8037min大题部分10.1456/7080min总分134117min 摘自知乎老哥&#xff1a;“我做历年真题时&#xff0c…

VR、AR、MR、XR到底都是什么?有什么区别

目录 VRARMRXRAR、VR、MR、XR的区别 VR 英&#xff1a;Virtual Reality 中文翻译&#xff1a;虚拟现实 又称计算机模拟现实。是指由计算机生成3D内容&#xff0c;为用户提供视觉、听觉等感官来模拟现实&#xff0c;具有很强的“临场感”和“沉浸感”。我们可以使用耳机、控制器…

drawio简介以及下载安装

drawio简介以及下载安装 drawio是一款非常强大的开源在线的流程图编辑器&#xff0c;支持绘制各种形式的图表&#xff0c;提供了 Web端与客户端支持&#xff0c;同时也支持多种资源类型的导出。 访问网址&#xff1a;draw.io或者直接使用app.diagrams.net直接打开可以使用在线版…

前端设计模式应应用场景

前端设计模式应应用场景 创建型模式(Creational Patterns)工厂模式单例模式原型模式 行为型模式(Behavioral Patterns)策略模式观察者模式/发布订阅模式迭代器模式状态模式 结构型模式(Structural Patterns)装饰器模式代理模式 创建型模式(Creational Patterns) 处理对象的创建…

基于FPGA的图像高斯滤波实现,包括tb测试文件和MATLAB辅助验证

目录 1.算法运行效果图预览 2.算法运行软件版本 3.部分核心程序 4.算法理论概述 5.算法完整程序工程 1.算法运行效果图预览 2.算法运行软件版本 matlab2022a vivado2019.2 3.部分核心程序 timescale 1ns / 1ps // // Company: // Engineer: // // Create Date: 202…