跳到主要内容

5、markdown语法

更新于:2024年1月1日

md语法

image-20231021102012091

目录

[toc]

1.标题

  • Typora快捷键

    • Ctrl/Cmd + 数字 (数字可以是1到6分别代表不同级标题)、

    • 提升标题级别:ctrl +

    • 降低标题级别:ctrl -

  • markdown语法:

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

2. 列表

🍀 有序列表

  • **Typora快捷键:**ctrl shift [
  • markdown语法:

在行首增加 1.、2.、3.,即数字和英文句点, 注意句点与文字中间有空格。不要求数字一定要连续,可以都是1.

\1. 有序列表

\1. 有序列表

\4. 有序列表

点击保存后的效果:

  1. 有序列表
  2. 有序列表
  3. 有序列表

**备注:**直接在文字前面按回车后,是可以自动排序的;(无序列表也是一样的)

🍀 无序列表

  • **Typora快捷键:**ctrl shift ]
  • markdown语法:

在行首增加 * 或 -或+与文字之间有空格

* 无序列表

- 无序列表

+ 无序列表

点击保存后的效果:

  • 无序列表
  • 无序列表

🍀 子列表

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

3. 图片

  • **Typora快捷键:**ctrl+shift+i
  • markdown语法:

语法格式:![alt](../../../../BaiduSyncdisk/1、IT/5、Other/图片地址 ''title'')

alt 指的是当图片链接失效时显示的提示文字,可加可不加

title是图片的标题,当鼠标移到图片上时显示的内容,可加可不加

可直接粘贴图片,或将图片文件拖动到光标处。

也可以使用标准的Markdown语法,如:

img

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

右击图片,选择缩放图片后,语法格式将变成<img src="../../../../BaiduSyncdisk/1、IT/5、Other/Typora.assets/32.jpg" alt="32" style="zoom: 20%;" />,20%可自行调整 通过HTML调节,格式如下:

<center>
<img style="border-radius: 20px;"
src="Typora.assets/baymax.jpg"
alt="baymax"
width="688" >
</center>
<center>标签设置图片居中对齐
  • border-radius设置圆角
  • src放置图片路径(本地路径或网络路径)
  • alt放置图片链接失效后的显示文字
  • width设置图片宽度(witdh和height只设置一个即可,等比例缩放)

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

<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.

🍀 图片插入

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

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

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

4. 超链接

  • **Typora快捷键:**Ctrl/Cmd + K
  • markdown语法:

`` ,例如:为知笔记,注意要使用英文符号

点击保存后的效果:

为知笔记

5. 字体

粗体、斜体、删除线、下划线

  • Typora快捷键:

    • 加粗: Ctrl/Cmd + B

    • 斜体:ctrl + i

    • 删除线:alt+shift+5

    • 下划线:ctrl + u

  • markdown语法:

粗体:在文字前后添加 ** (注意符号与文字间不要有空格)

斜体:在文字前后添加 *

删除线:在文字前后添加 ~~

下划线:ctrl + u

高亮:== 高亮 ==

1. **粗体**
2. *斜体*
3. ~~删除线~~
4. 下划线

保存后的效果:

粗体

斜体

删除线

下划线

6. 引用

  • Typora快捷键:
  • markdown语法:

在文字前 添加 >

点击保存后的效果:

如果你无法简洁的表达你的想法,那只说明你还不够了解它。 -- 阿尔伯特·爱因斯坦

🍀 引用也可以嵌套:

如加两个>>

三个>>>

支持无线套娃~~

test。

test。

7. 表格

  • **Typora快捷键:**插入表格:ctrl T

    • 下方插入行:ctrl enter

    • 上移该行:alt 向上箭头

    • 下移该行:alt 向下箭头

    • 左移该行:alt 向左箭头

    • 右移该行:alt 向右箭头

  • markdown语法:

  1. | 为知笔记|更新 | 版本 |
  2. |------------|-----------|--------|
  3. | WizNote | Markdown| Latest |

点击保存后的效果:

为知笔记更新版本
WizNoteMarkdownLatest

8. 代码

  • **Typora快捷键:**如下。

ctrl shift K

  • markdown语法:

先输入 三个反单引号:```,然后直接回车,就会弹出代码框了:

int i = 0; i = 1; 
for (int i = 0; i < 100; i++)
{
printf("hello markdown!\n");
}

如果需要指定语言, 在开头的3个反向单引号 后紧跟具体语言即可,如: ```bash (注意,这个功能很实用!!!)

yum install -y sl

或者按ctrl shift K即可弹出代码框:

啦啦啦

9. 目录

在任何你想要展示Markdown 笔记目录的地方,添加 [TOC], 在阅读模式下,标题1~6样式的内容会被提取出来作为目录,相当于大纲功能。

例如:

img

10.首行缩进

这个是什么东东哦……🤣

在需要缩进的地方加如下2个字符:

爱一个人真的很痛!

真的很难忘记你。

11.分割线

  • Typora快捷键:
  • markdown语法:

连续输入3个+或-号,回车即可插入一个分割线:

效果如下:


12.代办清单

-[x] 已完成项目1

-[x] 已完成项目2

- [ ] 代办项目1 #快捷键:ctrl shift

- [ ] 代办项目2

效果如下:

  • 已完成
  • 待完成

13.Typora其他快捷键

  1. 插入公式块:ctrl shift M

  2. 清除样式:ctrl \⚠️ 还可以把链接这种格式直接给清除了的!

  3. 粘贴为纯文本:ctrl shift v (常用)

  4. 撤销: Ctrl/Cmd + Z

  5. 显示/隐藏侧边栏:ctrl + shift + L,等价于ctrl + shift + 1 (这个是要放在编辑区域才会生效的。)

  6. 搜索:ctrl+f

  7. 源代码模式:ctrl+/(很少使用)

  8. 切换全屏:F11 #再次按F11就可以退出全屏模式了;

  9. 放大、缩小、还原:

    • 放大:ctrl + shift + =

    • 缩小:ctrl + shift + -

    • 还原:ctrl + shift + =9

  10. 应用内窗口切换:ctrl + Tab

  11. 开发者工具:shift + F12 *(常用)

  12. 表情和符号:windows + 句号

  13. 插入本地图片:ctrl shift insert

imgimg

  1. other
  • 建议平常写作时,使用快捷键,使用快捷键,使用快捷键,语法了解即可。
  • 注意:Typora快捷键可以在菜单里查看:

img

  • 转义

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

\ 反斜线

` 反引号

* 星号

_ 下划线

花括号

[] 方括号

() 小括号

# 井字号

+ 加号

- 减号

. 英文句点

! 感叹号

  • 行内公式(inline)用 括起公式,公式会出现在行内。
  • 块间公式(display)用括起公式(注意 $$ 后需要换行),公式会默认显示在行中间。

对比图片地址

img

FAQ

html形式的表格

更新于:2023年10月21日10:19:04

image-20231021101843706

image-20231021101857894

🚩

案例:表格形式

记录时间:2023年8月21日

typora里呈现的是表格形式:

img

但其实是html代码:

img

把这段html代码放到其他md软件里,也会呈现为表格的形式:

img

关于我

我的博客主旨:

  • 排版美观,语言精炼;
  • 文档即手册,步骤明细,拒绝埋坑,提供源码;
  • 本人实战文档都是亲测成功的,各位小伙伴在实际操作过程中如有什么疑问,可随时联系本人帮您解决问题,让我们一起进步!

🍀 微信二维码 x2675263825 (舍得), qq:2675263825。

image-20230107215114763

🍀 微信公众号 《云原生架构师实战》

image-20230107215126971

🍀 个人博客站点

http://onedayxyy.cn/

image-20231016061438175

🍀 语雀

https://www.yuque.com/xyy-onlyone

image-20230912072007284

🍀 csdn

https://blog.csdn.net/weixin_39246554?spm=1010.2135.3001.5421

image-20230107215149885

🍀 知乎

https://www.zhihu.com/people/foryouone

image-20230107215203185

最后

好了,关于本次就到这里了,感谢大家阅读,最后祝大家生活快乐,每天都过的有意义哦,我们下期见!

image-20231016062113861

1