Markdown进阶
文章目录
- Markdown进阶
- 一、更改字体、大小、颜色
- 二、为文字添加背景色
- 三、设置图片大小
- 1、设置设置图片百分比
- 2、设置图片大小
- 3、设置图片居中
- 四、打开本地文件
- 绝对路径:
- 相对路径:
- 向下跳转
- 同级跳转
- 向上跳转
- 五、latex公式
- 六、PicGo+GitHub图传设置
- 七、跳转
- 八、支持的 HTML 元素
- 九、转义
- 十、删除线(Strikethrough)
- 十一、任务列表(Task Lists)
- 十二、表情符号(Emoji)
- 复制并粘贴表情符号
- 使用表情符号的简码(Shortcodes)
- 十三、禁止自动将 URL 转换为链接
Markdown进阶
Markdown 语法速查表
一、更改字体、大小、颜色
<font face="黑体">我是黑体字</font>
<font face="微软雅黑">我是微软雅黑</font>
<font face="STCAIYUN">我是华文彩云</font>
<font color=red>我是红色</font>
<font color=#008000>我是绿色</font>
<font color=Blue>我是蓝色</font>
<font size=5>我是尺寸</font>
<font face="黑体" color=green size=5>我是黑体,绿色,尺寸为5</font>
效果如下:
我是黑体字
我是微软雅黑
我是华文彩云
我是红色
我是绿色
我是蓝色
我是尺寸
我是黑体,绿色,尺寸为5
中文名称 | 英文名称 | unicode |
---|---|---|
新细明体 | PMingLiU | \65B0\7EC6\660E\4F53 |
细明体 | MingLiU | \7EC6\660E\4F53 |
标楷体 | DFKai-SB | \6807 \6977\4F53 |
黑体 | SimHei | \9ED1\4F53 |
宋体 | SimSun | \5B8B\4F53 |
新宋体 | NSimSun | \65B0\5B8B\4F53 |
仿宋 | FangSong | \4EFF\5B8B |
楷体 | KaiTi | \6977\4F53 |
仿宋_GB23122 | FangSong_GB2312 | \4EFF\5B8B_GB2312 |
楷体_GB2312 | KaiTi_GB2312 | \6977\4F53_GB2312 |
微软正黑体 | Microsoft JhengHei | \5FAE\x8F6F\6B63\9ED1\4F53 |
微软雅黑 | Microsoft YaHei | \5FAE\8F6F\96C5\9ED1 |
华文细黑 | STXihei | \534E\6587\7EC6\9ED1 |
华文黑体 | STHeiti | \534E\6587\9ED1\4F53 |
华文楷体 | STKaiti | \534E\6587\6977\4F53 |
华文宋体 | STSong | \534E\6587\5B8B\4F53 |
华文仿宋 | STFangsong | \534E\6587\4EFF\5B8B |
丽黑 | ProLiHei Pro Medium | \4E3D\9ED1 Pro |
丽宋 | ProLiSong Pro Light | \4E3D\5B8B Pro |
标楷体 | BiauKai | \6807\6977\4F53 |
隶书 | LiSu | \96B6\4E66 |
幼圆 | YouYuan | \5E7C\5706 |
华文细黑 | STXihei | \534E\6587\7EC6\9ED1 |
华文楷体 | STKaiti | \534E\6587\6977\4F53 |
华文宋体 | STSong | \534E\6587\5B8B\4F53 |
华文中宋 | STZhongsong | \534E\6587\4E2D\5B8B |
华文仿宋 | STFangsong | \534E\6587\4EFF \5B8B |
方正舒体 | FZShuTi | \65B9\6B63\8212\4F53 |
方正姚体 | FZYaoti | \65B9 \6B63\59DA\4F53 |
华文彩云 | STCaiyun | \534E\6587\5F69\4E91 |
华文琥珀 | STHupo | \534E\6587\7425\73C0 |
华文隶书 | STLiti | \534E\6587\96B6\4E66 |
华文行楷 | STXingkai | \534E\6587\884C\6977 |
华文新魏 | STXinwei | \534E\6587\65B0\9B4F |
二、为文字添加背景色
由于 style 标签和标签的 style 属性不被支持,所以这里只能是借助 table, tr, td 等表格标签的 bgcolor 属性来实现背景色。故这里对于文字背景色的设置,只是将那一整行看作一个表格,更改了那个格子的背景色(bgcolor)
Markdown语法
<table><tr><td bgcolor=yellow>背景色yellow</td></tr></table>
效果如下:
背景色yellow |
三、设置图片大小
1、设置设置图片百分比
<img src="https://img-blog.csdnimg.cn/747580cb467e4287a2ab497c17d18f25.jpg?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAbmVwcWl1,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center" width="50%" height="50%">
效果如下:
2、设置图片大小
<img src="https://img-blog.csdnimg.cn/747580cb467e4287a2ab497c17d18f25.jpg?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAbmVwcWl1,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center" width="251" height="350" >
效果如下
3、设置图片居中
<div align=center><img src="https://img-blog.csdnimg.cn/747580cb467e4287a2ab497c17d18f25.jpg?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAbmVwcWl1,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center" width="50%" height="50%"></div>
四、打开本地文件
绝对路径:
我们打开(链接)网页常用的方式都是
[网页名字](网页地址)
只要把上述格式改成
[文件名](file:///本地文件地址)
就可以了
比如
[打开用户文件夹](file:///C:\Users)
相对路径:
../
表示当前目录上一级
./
表示当前目录
[添加对象](绝对路径) //括号均为英文
向下跳转
[content](/content)
[第一章](/content/C1.md)
同级跳转
相同文件夹下的文件之间相互跳转
[下一章](./C2.md) //C1.md
[上一章](./C1.md) //C2.md
向上跳转
[返回目录](../README.md) //C2.md
五、latex公式
好东西:https://www.latexlive.com/##
https://blog.csdn.net/iteapoy/article/details/112846367
当你需要在编辑器中插入数学公式时,可以使用两个美元符 $$ 包裹 TeX 或 LaTeX 格式的数学公式来实现。提交后,问答和文章页会根据需要加载 Mathjax 对数学公式进行渲染。如:
$$
\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}
${$tep1}{\style{visibility:hidden}{(x+1)(x+1)}}
$$
输出结果为:
六、PicGo+GitHub图传设置
我的GitHub的token
注意:
- 上传到GitHub后,需要VPN,Typora才能下载图片
最后可以利用有道云笔记进行备份,毕竟图片也可以上传上去
七、跳转
- 定义一个锚(id):
<span id="jump">跳转到的地方</span>
- 使用markdown语法:
[点击跳转](#jump)
实际效果就是
跳转到的地方
点击跳转
点击跳转
八、支持的 HTML 元素
不在 Markdown 涵盖范围之内的标签,都可以直接在文档里面用 HTML 撰写。
目前支持的 HTML 元素有:<kbd> <b> <i> <em> <sup> <sub> <br>
等 ,如:
使用 <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重启电脑
输出结果为:
九、转义
Markdown 使用了很多特殊符号来表示特定的意义,如果需要显示特定的符号则需要使用转义字符,Markdown 使用反斜杠转义特殊字符:
**文本加粗**
\*\* 正常显示星号 \*\*
输出结果为:
Markdown 支持以下这些符号前面加上反斜杠来帮助插入普通的符号:
\ 反斜线
` 反引号
* 星号
_ 下划线
{} 花括号
[] 方括号
() 小括号
# 井字号
+ 加号
- 减号
. 英文句点
! 感叹号
十、删除线(Strikethrough)
你可以贯穿单词的中心放一条横线从而删除这些单词。其效果看起来是这样的: like this。此功能允许你标记某些单词是错误的,不应该出现在文档中。在单词前面和后面分别放置两个波浪号(~~
) 来表示删除这些单词。
~~The world is flat.~~ We now know that the world is round.
渲染效果如下所示:
The world is flat. We now know that the world is round.
十一、任务列表(Task Lists)
任务列表(task lists)允许你创建带有复选框的项目列表。在支持任务列表的 Markdown 应用程序中,复选框将显示在内容旁边。要创建任务列表,请在任务列表项前面添加破折号(-
)和中间带空格的方括号([ ]
)。要选中复选框,请在方括号中间添加一个 x
,即([x]
)。
- [x] Write the press release
- [ ] Update the website
- [ ] Contact the media
渲染效果如下所示:
十二、表情符号(Emoji)
有两种方式可以将表情符号添加到 Markdown 文档中:将表情符号复制并粘贴到 Markdown 格式的文本中,或者键入 表情符号的简码(emoji shortcodes)。
复制并粘贴表情符号
在大多数情况下,你可以简单地从 Emojipedia 等来源复制表情符号,然后将其粘贴到文档中。许多 Markdown 应用程序就会自动以 Markdown 格式的文本来显示表情符号。从 Markdown 应用程序导出的 HTML 和 PDF 文件也是可以显示表情符号的。
提示: 如果你使用的是静态站点生成器,请确保 HTML 页面的字符编码为 UTF-8。
使用表情符号的简码(Shortcodes)
某些 Markdown 应用程序允许你通过键入表情符号的简码(shortcodes)来插入表情符号。简码以冒号开头和结尾,两个冒号中间是表情符号的名称。
Gone camping! :tent: Be back soon.That is so funny! :joy:
渲染效果如下所示:
Gone camping! ⛺ Be back soon.
That is so funny!
Markdown进阶相关推荐
- Markdown 进阶
目录 markdown进阶语法 内容目录 加强代码块 脚注 流程图 时序图 LaTeX公式 markdown进阶语法 内容目录 使用 [TOC] 引用目录,将 [TOC] 放至文本的首行,编辑器将自动 ...
- Markdown 进阶技能:用代码画流程图(编程零基础也适用)
这篇文章主要介绍 流程图基础 以写代码的方式画流程图 相比于使用画图工具拖拽画图,用代码画图有什么好处? 首先,这种方式非常轻便,无需安装复杂的画图应用.Typora 等多种 Markdown 编辑器 ...
- Markdown进阶(更改字体、颜色、大小,设置文字背景色,调整图片大小设置居中)
基础知识: Markdown 通过简单标记语法,使普通文本内容具有一定格式.但它本身不支持修改字体.字号与颜色等功能的.CSDN-markdown 编辑器是其衍生版本,支持基于 PageDown ( ...
- markdown进阶语法-设置换行,文本对齐方式等
笔者今天写博客的时候,遇到一个问题就是我在写表格内容的时候,某一列里面的内容过多的时候就导致全都挤在一起非常难看.如下所示: 一.换行与文本对齐 我们的解决办法就是在里面添加代码<br /> ...
- Sublime and Markdown
Sublime and Markdown 文章目录 Sublime and Markdown 安装 Sublime 设置 Sublime 安装插件 Package Control MarkdownEd ...
- 我们为什么要使用 Markdown
本文转自:https://kchen.cc/2015/10/05/Markdown-Manual/ Markdown 是一种正在流行起来的「标记语言」,通常为程序员群体所用.但现在,不光是程序员,对于 ...
- 【转】我们为什么要使用 Markdown
[转]我们为什么要使用 Markdown 目录 从前码字时我们面临着什么困境 标记语言显神威 到底什么是 Markdown 所以为什么我们要使用 Markdown Markdown 简明语法 段落和换 ...
- markdown语法最全汇总
一.markdown简介 (注:如果对markdown有一定了解.可以略过此处,第一章主要对markdown基础知识做个补充,摘自菜鸟教程此处原文档 ) 博客原地址,欢迎收藏访问 1.1 markdo ...
- 轻松上手写作利器 Markdown:从此文章排版无烦恼
写作是每个人日常生活和工作中必不可少的内容,无论是写博客.写邮件,还是写报告.写项目方案,都无法避免写作. 在使用 Word 或类似编辑工具写作时,想必你一定纠结过字体.字号.间距等等的排版问题吧! ...
最新文章
- 【HDU】3635 Dragon Balls (带权并查集 一)
- 既然他人的成功与自己无关,何必过于关注他人?
- 类似飞秋的局域网软件_内网视频会议软件系统
- iOS逆向之旅(进阶篇) — 工具(LLDB)
- 支付宝服务商子商户_支付宝推广数字化经营服务商应该怎么做?
- NVIDIA DIGITS-2.0 + Ubuntu 14.04 + CUDA 7.0 + cuDNN 7.0 + Caffe 0.13.0环境配置
- git push 的符号笔有什么用_Git自救指南(一)——工欲善其事,必先利其器,基本概念概览...
- ROS笔记(29) 启动Movelt!
- UVa 1605 (构造) Building for UN
- 将一个数组的值逆序排列
- USB接线引脚定义图
- 【统计学】皮尔森相关系数公式理解
- 将路由器作为AP来使用
- 交换机上的指示灯狂闪
- 毛姆:人生意义在于体验寻回内心宁静和发现生命无限的过程
- 关于word安全模式
- 微信朋友圈为什么不能发gif图?
- JVM:并发的可达性分析
- 数据库拆分3--使用sharding-jdbc 支持子查询sql
- SAP中SD交货与WM下架功能的集成应用