【markdown】①Typora手册笔记

SinceNF

已于 2024-01-08 21:20:47 修改

阅读量986

点赞数 16

分类专栏： Markdown 文章标签：笔记学习方法

于 2024-01-01 15:21:47 首次发布

本文链接：https://blog.csdn.net/m0_51936647/article/details/135325203

版权

Markdown 专栏收录该内容

3 篇文章 1 订阅

订阅专栏

目录(Table of Contents (TOC))

1、语法

[toc] 目录

[toc] 无需接内容直接回车,生成文档的内容目录。2、实例是本文档的目录，可点击跳转。

2、实例

文章目录

注意事项：带关键字的文本

1、语法

现在已经学了一个语法，出现一个问题，有时候仅仅需要展示一个内容是关键字的普通文本。在Typora等Markdown编辑器中会自动转化成对应的效果，可以在需要加"特别说明"让编辑器不识别成关键字.

如上文的目录语法

a、加上 '\' 显示本身
\关键字
OR
b、让其他效果优先生成
**关键字**  ->  下面要学的常用语法之一 加粗效果

2、实例

[toc]
OR
用其他效果优先生成
[toc] -> 加粗效果

索引(Index)

1、语法

可以除开目录[toc]之外的跳转语法,本质是页内超链接。点击a跳转a指向的标题，标题才能作为原始锚点。

这里为了方便在线的兼容性，只采取HTML的超链接语法。

原始锚点: <span id = '跳转标识'> 原始锚点 </span>
指针索引: [索引名](#跳转标识)
只认id的值‘跳转标识’，原始锚点名字随意不必和指针索引名相同，
但是 ‘跳转标识’ 一定要相同。

2、实例

return to 目录

return to 图床

标题(Headers)

1、语法 return to 目录

‘#’ 后面接 ‘空格’ 就会进入标题输入

快捷键 -> Ctrl + NUM(1,6)
# 		一级标题（最大）
##		二级标题
···
######	六级标题（最小）

2、实例

标题实例图

引用(Blockquotes)

1、语法 return to 目录

快捷键 -> Ctrl + Shift + Q
>引用/块引用
>
后面接'Enter'到第二段
再次'Enter'可以回到普通文本
>>可嵌套

2、实例

引用/块引用

后面接’Enter’到第二段
再次’Enter’可以回到普通文本

可嵌套

列表(Lists)

1、语法 return to 目录

快捷键 -> 
有序 Ctrl + Shift + [ 
无序 Ctrl + Shift + ]

a、有序列表[
NUM. 是有序列表
1.  This is ordered list
2. this is also
3. this is still

b、无序列表]
* This is un-ordered list
- this is also
+ this is still

2、实例

a、有序 ordered list

This is ordered list
this is also
this is still

b、无序 un-ordered list

This is un-ordered list

this is also

this is still

任务列表(Task List)

1、语法 return to 目录

快捷键 -> 
- [ ] 未完成 任务清单/任务列表
- [x] 已完成 任务清单/任务列表
- [X] 已完成 任务清单/任务列表

2、实例

未完成任务清单/任务列表

已完成任务清单/任务列表

已完成任务清单/任务列表

脚注(Footnotes)

1、语法 return to 目录

名词[^footnote]  脚注，可以显示详细标定脚注的注释
[^footnote]: 详细的标定脚注注释(同名)

2、实例

Typora¹

水平线(Horizontal Rules)

1、语法 return to 目录

---
*** 
___ 接回车
水平线

2、实例

强调(Strong)

1、语法 return to 目录

快捷键 -> Ctrl + B
普通文本和加粗文本对比效果明显，代码块也可以用
**可以看到文字加粗，起强调作用**
__下划线也可以强调文字__

2、实例

普通文本和加粗文本对比效果明显，代码块也可以用

可以看到文字加粗，起强调作用
下划线也可以强调文字

高亮(highlight)

1、语法 return to 目录

普通文本效果
==高亮文本亮黄色，对比明显==

2、实例

普通文本效果
高亮文本亮黄色，对比明显

表格(Tables)

1、语法 return to 目录

a、简单表格
|语言|出生时间|用途|
|:-|:-:|-:|
|Ccode|1972|软硬件|
|C++|1980|游戏|
|Java|1995|软件|

b、有规则表格
加入 |:-:| -> 居中
	 |:-| -> 左对齐
	 |-:| -> 右对齐
可混合指定规则

|语言|出生时间|用途|
|:-|:-:|-:|
|Ccode|1972|软硬件|
|C++|1980|游戏|
|Java|1995|软件|

c、有合并的表格
Markdown语法没法合并单元格，但是兼容HTML，因此借用HTML的语法
<table>
    <tr> <!-- 第一行数据 -->
        <th colspan="9">命令字 </th> <!-- 表头，居中显示；合并 9 行为 “命令字” -->
    </tr>
    <tr> <!-- 第二行数据 -->
        <th rowspan="2"> 偏移 </th> <!-- 表头，居中显示；合并 2 行为 “偏移” -->
        <th colspan="8"> 位 </th>  <!-- 表头，居中显示；合并 8 列为 “位” -->
    </tr>
    <tr> <!-- 第三行数据 -->
    <td> 7 </td>
    <td> 6 </td>
    <td> 5 </td>
    <td> 4 </td>
    <td> 3 </td>
    <td> 2 </td>
    <td> 1 </td>
    <td> 0 </td>
    </tr>
</table>

表格快捷键
Ctrl + Enter  -> 下方插入行
Alt + ⇧(上)   -> 上移该行 	Alt + ⇦(左)  -> 左移该行
Alt + ⇩(下)   -> 下移该行	Alt + ⇨(右)  -> 右移该行
短小表格 推荐鼠标直接拖动
Ctrl + Shift + 退格	-> 	删除这行
Shift + Enter -> 表格中换行
加   <br />   -> 表格中换行

2、实例

a、

语言出生时间用途
Ccode 1972 软硬件
C++ 1980 游戏
Java 1995 软件

语言	出生时间	用途
Ccode	1972	软硬件
C++	1980	游戏
Java	1995	软件

b、

语言出生时间用途
Ccode 1972 软硬件
C++ 1980 游戏
Java 1995 软件

语言	出生时间	用途
Ccode	1972	软硬件
C++	1980	游戏
Java	1995	软件

c、

命令字
偏移位
7 6 5 4 3 2 1 0

命令字
偏移	位
7	6	5	4	3	2	1	0

字体颜色(Font color and size)

1、语法 return to 目录

a、Markdown语法
<font color=LightSeaGreen>字体颜色:LightSeaGreen</font>
<font color=Darkorange size=3>默认字体大小 颜色:Darkorange</font>
<font color=navy size=4>4号字体大小 颜色:navy</font>

b、HTML语法
<span style="color:red">HTML是被兼容的</span>

2、实例

字体颜色:LightSeaGreen

默认字体大小颜色:Darkorange

4号字体大小颜色:navy

HTML是被兼容的

3、常用颜色

字体颜色:red

字体颜色:Green

字体颜色:Blue

4、颜色列表

附上转载自 CSDN-markdown编辑器语法——字体、字号与颜色的颜色列表，按颜色名排序。

颜色名	显示示例	十六进制颜色值	颜色
AliceBlue	示例	#F0F8FF	rgb(240, 248, 255)
AntiqueWhite	示例	#FAEBD7	rgb(250, 235, 215)
Aqua	示例	#00FFFF	rgb(0, 255, 255)
Aquamarine	示例	#7FFFD4	rgb(127, 255, 212)
Azure	示例	#F0FFFF	rgb(240, 255, 255)
Beige	示例	#F5F5DC	rgb(245, 245, 220)
Bisque	示例	#FFE4C4	rgb(255, 228, 196)
Black	示例	#000000	rgb(0, 0, 0)
BlanchedAlmond	示例	#FFEBCD	rgb(255, 235, 205)
Blue	示例	#0000FF	rgb(0, 0, 255)
BlueViolet	示例	#8A2BE2	rgb(138, 43, 226)
Brown	示例	#A52A2A	rgb(165, 42, 42)
BurlyWood	示例	#DEB887	rgb(222, 184, 135)
CadetBlue	示例	#5F9EA0	rgb(95, 158, 160)
Chartreuse	示例	#7FFF00	rgb(127, 255, 0)
Chocolate	示例	#D2691E	rgb(210, 105, 30)
Coral	示例	#FF7F50	rgb(255, 127, 80)
CornflowerBlue	示例	#6495ED	rgb(100, 149, 237)
Cornsilk	示例	#FFF8DC	rgb(255, 248, 220)
Crimson	示例	#DC143C	rgb(220, 20, 60)
Cyan	示例	#00FFFF	rgb(0, 255, 255)
DarkBlue	示例	#00008B	rgb(0, 0, 139)
DarkCyan	示例	#008B8B	rgb(0, 139, 139)
DarkGoldenRod	示例	#B8860B	rgb(184, 134, 11)
DarkGray	示例	#A9A9A9	rgb(169, 169, 169)
DarkGreen	示例	#006400	rgb(0, 100, 0)
DarkKhaki	示例	#BDB76B	rgb(189, 183, 107)
DarkMagenta	示例	#8B008B	rgb(139, 0, 139)
DarkOliveGreen	示例	#556B2F	rgb(85, 107, 47)
Darkorange	示例	#FF8C00	rgb(255, 140, 0)
DarkOrchid	示例	#9932CC	rgb(153, 50, 204)
DarkRed	示例	#8B0000	rgb(139, 0, 0)
DarkSalmon	示例	#E9967A	rgb(233, 150, 122)
DarkSeaGreen	示例	#8FBC8F	rgb(143, 188, 143)
DarkSlateBlue	示例	#483D8B	rgb(72, 61, 139)
DarkSlateGray	示例	#2F4F4F	rgb(47, 79, 79)
DarkTurquoise	示例	#00CED1	rgb(0, 206, 209)
DarkViolet	示例	#9400D3	rgb(148, 0, 211)
DeepPink	示例	#FF1493	rgb(255, 20, 147)
DeepSkyBlue	示例	#00BFFF	rgb(0, 191, 255)
DimGray	示例	#696969	rgb(105, 105, 105)
DodgerBlue	示例	#1E90FF	rgb(30, 144, 255)
Feldspar	示例	#D19275	rgb(209, 146, 117)
FireBrick	示例	#B22222	rgb(178, 34, 34)
FloralWhite	示例	#FFFAF0	rgb(255, 250, 240)
ForestGreen	示例	#228B22	rgb(34, 139, 34)
Fuchsia	示例	#FF00FF	rgb(255, 0, 255)
Gainsboro	示例	#DCDCDC	rgb(220, 220, 220)
GhostWhite	示例	#F8F8FF	rgb(248, 248, 255)
Gold	示例	#FFD700	rgb(255, 215, 0)
GoldenRod	示例	#DAA520	rgb(218, 165, 32)
Gray	示例	#808080	rgb(128, 128, 128)
Green	示例	#008000	rgb(0, 128, 0)
GreenYellow	示例	#ADFF2F	rgb(173, 255, 47)
HoneyDew	示例	#F0FFF0	rgb(240, 255, 240)
HotPink	示例	#FF69B4	rgb(255, 105, 180)
IndianRed	示例	#CD5C5C	rgb(205, 92, 92)
Indigo	示例	#4B0082	rgb(75, 0, 130)
Ivory	示例	#FFFFF0	rgb(255, 255, 240)
Khaki	示例	#F0E68C	rgb(240, 230, 140)
Lavender	示例	#E6E6FA	rgb(230, 230, 250)
LavenderBlush	示例	#FFF0F5	rgb(255, 240, 245)
LawnGreen	示例	#7CFC00	rgb(124, 252, 0)
LemonChiffon	示例	#FFFACD	rgb(255, 250, 205)
LightBlue	示例	#ADD8E6	rgb(173, 216, 230)
LightCoral	示例	#F08080	rgb(240, 128, 128)
LightCyan	示例	#E0FFFF	rgb(224, 255, 255)
LightGoldenRodYellow	示例	#FAFAD2	rgb(250, 250, 210)
LightGrey	示例	#D3D3D3	rgb(211, 211, 211)
LightGreen	示例	#90EE90	rgb(144, 238, 144)
LightPink	示例	#FFB6C1	rgb(255, 182, 193)
LightSalmon	示例	#FFA07A	rgb(255, 160, 122)
LightSeaGreen	示例	#20B2AA	rgb(32, 178, 170)
LightSkyBlue	示例	#87CEFA	rgb(135, 206, 250)
LightSlateBlue	示例	#8470FF	rgb(132, 112, 255)
LightSlateGray	示例	#778899	rgb(119, 136, 153)
LightSteelBlue	示例	#B0C4DE	rgb(176, 196, 222)
LightYellow	示例	#FFFFE0	rgb(255, 255, 224)
Lime	示例	#00FF00	rgb(0, 255, 0)
LimeGreen	示例	#32CD32	rgb(50, 205, 50)
Linen	示例	#FAF0E6	rgb(250, 240, 230)
Magenta	示例	#FF00FF	rgb(255, 0, 255)
Maroon	示例	#800000	rgb(128, 0, 0)
MediumAquaMarine	示例	#66CDAA	rgb(102, 205, 170)
MediumBlue	示例	#0000CD	rgb(0, 0, 205)
MediumOrchid	示例	#BA55D3	rgb(186, 85, 211)
MediumPurple	示例	#9370D8	rgb(147, 112, 216)
MediumSeaGreen	示例	#3CB371	rgb(60, 179, 113)
MediumSlateBlue	示例	#7B68EE	rgb(123, 104, 238)
MediumSpringGreen	示例	#00FA9A	rgb(0, 250, 154)
MediumTurquoise	示例	#48D1CC	rgb(72, 209, 204)
MediumVioletRed	示例	#C71585	rgb(199, 21, 133)
MidnightBlue	示例	#191970	rgb(25, 25, 112)
MintCream	示例	#F5FFFA	rgb(245, 255, 250)
MistyRose	示例	#FFE4E1	rgb(255, 228, 225)
Moccasin	示例	#FFE4B5	rgb(255, 228, 181)
NavajoWhite	示例	#FFDEAD	rgb(255, 222, 173)
Navy	示例	#000080	rgb(0, 0, 128)
OldLace	示例	#FDF5E6	rgb(253, 245, 230)
Olive	示例	#808000	rgb(128, 128, 0)
OliveDrab	示例	#6B8E23	rgb(107, 142, 35)
Orange	示例	#FFA500	rgb(255, 165, 0)
OrangeRed	示例	#FF4500	rgb(255, 69, 0)
Orchid	示例	#DA70D6	rgb(218, 112, 214)
PaleGoldenRod	示例	#EEE8AA	rgb(238, 232, 170)
PaleGreen	示例	#98FB98	rgb(152, 251, 152)
PaleTurquoise	示例	#AFEEEE	rgb(175, 238, 238)
PaleVioletRed	示例	#D87093	rgb(216, 112, 147)
PapayaWhip	示例	#FFEFD5	rgb(255, 239, 213)
PeachPuff	示例	#FFDAB9	rgb(255, 218, 185)
Peru	示例	#CD853F	rgb(205, 133, 63)
Pink	示例	#FFC0CB	rgb(255, 192, 203)
Plum	示例	#DDA0DD	rgb(221, 160, 221)
PowderBlue	示例	#B0E0E6	rgb(176, 224, 230)
Purple	示例	#800080	rgb(128, 0, 128)
Red	示例	#FF0000	rgb(255, 0, 0)
RosyBrown	示例	#BC8F8F	rgb(188, 143, 143)
RoyalBlue	示例	#4169E1	rgb(65, 105, 225)
SaddleBrown	示例	#8B4513	rgb(139, 69, 19)
Salmon	示例	#FA8072	rgb(250, 128, 114)
SandyBrown	示例	#F4A460	rgb(244, 164, 96)
SeaGreen	示例	#2E8B57	rgb(46, 139, 87)
SeaShell	示例	#FFF5EE	rgb(255, 245, 238)
Sienna	示例	#A0522D	rgb(160, 82, 45)
Silver	示例	#C0C0C0	rgb(192, 192, 192)
SkyBlue	示例	#87CEEB	rgb(135, 206, 235)
SlateBlue	示例	#6A5ACD	rgb(106, 90, 205)
SlateGray	示例	#708090	rgb(112, 128, 144)
Snow	示例	#FFFAFA	rgb(255, 250, 250)
SpringGreen	示例	#00FF7F	rgb(0, 255, 127)
SteelBlue	示例	#4682B4	rgb(70, 130, 180)
Tan	示例	#D2B48C	rgb(210, 180, 140)
Teal	示例	#008080	rgb(0, 128, 128)
Thistle	示例	#D8BFD8	rgb(216, 191, 216)
Tomato	示例	#FF6347	rgb(255, 99, 71)
Turquoise	示例	#40E0D0	rgb(64, 224, 208)
Violet	示例	#EE82EE	rgb(238, 130, 238)
VioletRed	示例	#D02090	rgb(208, 32, 144)
Wheat	示例	#F5DEB3	rgb(245, 222, 179)
White	示例	#FFFFFF	rgb(255, 255, 255)
WhiteSmoke	示例	#F5F5F5	rgb(245, 245, 245)
Yellow	示例	#FFFF00	rgb(255, 255, 0)
YellowGreen	示例	#9ACD32	rgb(154, 205, 50)

图床(Image Hosting Service)

return to 目录

在编写Markddown文章时候将图片插入到某位置，以图释意直白明了。保存在本地优点是所有的图片包括截图都是保存在本地，那么个人拥有绝对的控制权，不会像在线编辑器那样将图片保存在网站服务器端，一旦审核问题政治问题等因素图片被封禁，那就得不偿失了。但是上传到网站时图片会失效，手动传非常的麻烦。

以下是两种编辑方式的对比：

	离线编辑	在线编辑
优点	软件界面美观、风格同一只需学习一个编辑器操作无需网络随时编辑加载不卡顿可扩展性强，满足用户的个性化需求数据更加安全，不用担心开发者突然跑路	一步到位就上传到网站上即写即存不怕忘记上手就用，无需配置搜索资料不用频繁切换软件在线编辑可以多人协同可以实现批注讨论、查看修订记录和协作记录占用空间少
缺点	搜索资料不方便容易忘记保存后续上传繁琐需要自己配置功能占用空间大数据存储在本地，图片上传无法一起上传	不同网站的在线编辑器可能有学习成本图片可能会失效而丢失文章可能会被删除加载慢、要登录网络差可能会打不开在线编辑器
解决办法	图床	提高网络环境，及时保存到安全的地方