Markdown 部分格式说明
Markdown 部分格式说明
1.居中
<center>居中</center>
2.加粗
<b>加粗</b>
3.各种跳转(引用)
Typora的Links各种跳转
相信大家在使用Typora的时候,想要实现各种链接跳转。比如点击 跳往百度 就会去访问百度。那如果是页面的跳转呢?比如标题的跳转,或者非标题的跳转(即页面任何位置),那要怎么办呢?
3.1 📣第一种跳转:超链接跳转
[超链接描述文本](超链接 "可选的标题")
举个例子🌰:
[跳转百度](https://www.baidu.com/)
[跳转到百度](https://www.baidu.com "这是百度")
🏳️🌈跳转百度🏳️🌈(点击后即可跳转)
🏳️🌈跳转到百度🏳️🌈(点击后即可跳转,鼠标悬浮会有文本显示)
3.2 📣第二种跳转:参考链接
如果你不想使用 []() 的用法,这个时候就可以使用「参考链接」的用法
[Link Text][Ref]
[Ref]: link-address "optional title"
举个例子🌰:
[https://www.baidu.com "百度网址"][点击后就能跳转百度]
[点击后就能跳转百度]: https://www.baidu.com "标题可选"
可以看到在语法中 [Ref] 起到参考作用
它的缩写形式是:
[Ref][]
[Ref]: link-address
好处是当我们在多处地方使用这个 跳转链接时,都没必要复制一遍地址,而是根据 Ref 来使文本和链接连接起来
3.3📣第三种跳转:本地文件的跳转
我们可以根据 「相对路径」或者 「绝对路径」 来完成 Markdown 文件跳转到另一个本地文件的作用。而这种链接跳转跟第一种「超链接跳转」是一样的。
// 跳到当前目录下的Readme1.md文件
[Readme1](Readme1.md)
// 跳到当前目录下的Readme3文件夹
[Readme3](Readme3)
// 相对路径跳到上级目录的某个文件
[Readme2](../Docs/Readme2.markdown)
// 绝对路径跳转到C盘下的某个md文件
[Readme4](C:/Develop/Docs/Readme1.md)
注意⚠️⚠️ :对于相对链接地址,当基于 Markdown 的规范导出为 HTML 时,它不会转换为真正的绝对文件路径。
3.4📣第四种跳转:页面内部的链接跳转
3.4.1 标题跳转
利用第一种跳转的语法
[]()
举个例子 🌰
[点击我,就会跳转](#测试跳转一级标题)
[点击我,就会跳转](# 测试跳转一级标题)
在 Typora 中渲染效果如下
[点击我,就会跳转](# 测试跳转一级标题)
如果存在相同的标题,解决方法:在链接添加类似-1的后缀
[点击我,就会跳转](#测试跳转一级标题-2)
🚀[点击我,就会跳到该标题处](#3.3📣第三种跳转:本地文件的跳转)🚀
🚀[点击我,就会跳到该标题处](#_68)🚀 //3.3📣第三种跳转:本地文件的跳转 所在行
🚀[点击我,就会跳到该标题处](#_88)🚀 //3.4📣第四种跳转:页面内部的链接跳转 所在行
在Typora中,第一个写法可行,第二个和第三个不行。
如果一篇开始写完的时候进行,行数是确定的没问题,如果后面一旦有修改的话,我们还要自己一行一行的数要跳转的标题处在第几行嘛? 所以这种方式用在软件里面完全可行的。用在网页上不太行。
3.4.2 HTML a标签的跳转
锚点:船停在港口时,抛锚做个定点标记。🚩
锚点定义
<a id="这是你的锚点"></a>
You could also write named anchors using raw HTML:
<a id="anchor"></a> Anchor
<a href="#anchor">Link to Anchor</a>
多种使用锚点的方式:
- 使用 href属性:
<a href="#这是你的锚点">点击后就会跳到你定义的锚点</a>
<a href="#jump0">点击后就会跳转到测试一级标题</a>
- 标题跳转
[点击后就会跳转到测试一级标题](#h1标签测试跳转一级标题)
<a href="#jump1">点击后就会跳转到测试二级标题</a>
[点击后就会跳转到测试三级标题](#测试跳转三级标题)
注意:如果你的文章有目录结构,如果在标题藏锚点,它会直接跳转到目录处,而不是直接跳转到标题处
所以,如果想具体跳到某个位置,我就在文本后面定义一个锚点🚩。
📣总结
如果多处引用,且链接又臭又长的话,使用该方式会很啰嗦,可以换成第二种方式 |
||
任意位置跳转: 定义锚点 + 跳转锚点 |
测试跳转一级标题
测试跳转二级标题
测试跳转三级标题
h1标签测试跳转一级标题
4.字体
<font size='3' face='字体' color='颜色'>字体</font>
| 属性 | 值 | 描述 |
|---|---|---|
| color | rgb(x,x,x) #xxxxxx colorname |
x:0~255 x:0~f red、black |
| face | font-family | 1.汉字;宋体、黑体 2.Unicode编码:\u9ED1\u4F53(黑体) |
| size | number | 1px、2px…… |
4.1字体样式大全
| 字体名 | face (font-family) | 字体样式 |
|---|---|---|
| 华文细黑 | STHeiti Light [STXihei] | 我在测试字体样式 |
| 华文黑体 | STHeiti | 我在测试字体样式 |
| 华文楷体 | STKaiti | 我在测试字体样式 |
| 华文宋体 | STSong | 我在测试字体样式 |
| 华文仿宋 | STFangsong | 我在测试字体样式 |
| 华文中宋 | STZhongsong | 我在测试字体样式 |
| 方正舒体 | FZShuTi | 我在测试字体样式 |
| 方正姚体 | FZYaoti | 我在测试字体样式 |
| 华文彩云 | STCaiyun | 我在测试字体样式 |
| 华文琥珀 | STHupo | 我在测试字体样式 |
| 华文隶书 | STLiti | 我在测试字体样式 |
| 华文行楷 | STXingkai | 我在测试字体样式 |
| 华文新魏 | STXinwei | 我在测试字体样式 |
| 黑体 | SimHei | 我在测试字体样式 |
| 宋体 | SimSun | 我在测试字体样式 |
| 新宋体 | NSimSun | 我在测试字体样式 |
| 仿宋 | FangSong | 我在测试字体样式 |
| 楷体 | KaiTi | 我在测试字体样式 |
| 仿宋_GB2312 | FangSong_GB2312 | 我在测试字体样式 |
| 楷体_GB2312 | KaiTi_GB2312 | 我在测试字体样式 |
| 微軟正黑體 | Microsoft JhengHei | 我在测试字体样式 |
| 微软雅黑体 | Microsoft YaHei | 我在测试字体样式 |
| 隶书 | LiSu | 我在测试字体样式 |
| 幼圆 | YouYuan | 我在测试字体样式 |
| 儷黑 Pro | LiHei Pro Medium | 我在测试字体样式 |
| 儷宋 Pro | LiSong Pro Light | 我在测试字体样式 |
| 標楷體 | BiauKai | 我在测试字体样式 |
| 蘋果儷中黑 | Apple LiGothic Medium | 我在测试字体样式 |
| 蘋果儷細宋 | Apple LiSung Light | 我在测试字体样式 |
| 新細明體 | PMingLiU | 我在测试字体样式 |
| 細明體 | MingLiU | 我在测试字体样式 |
| 標楷體 | DFKai-SB | 我在测试字体样式 |
4.2 颜色名称及色样表
| 颜色名称及色样表(HTML版) | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
浙公网安备 33010602011771号