这里写自定义目录标题
欢迎使用Markdown编辑器
你好! 如果你在使用 Markdown编辑器 。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。
有底色显示行号并无样式(编辑器里原有的样子)【回车后四个空格↓,或者代码块的三个点后回车同样效果(参考↓"超链接"】
前面四个空格 这里的空格与显示空格一样
空格
回车(换行) <br/>
超链接
[超链接](链接地址)
文字颜色
写法:
<font color=#0099ff>color #0099ff</font>
<font color=red>红色</font>
color #0099ff
红色
常用颜色
color=maroon
color=grey
color=silver
color=lightgrey
color=HotPink
color=DeepPink
color=VioletRed
color=Purple
color=navy
color=Blue
color=DeepSkyBlue
color=LightSkyBlue
color=aqua
color=DarkTurquoise
color=LightSeaGreen
color=YellowGreen
color=LawnGreen
color=GreenYellow
color=Yellow
color=Tomato
color=red
color=fuchsia
color=MediumOrchid
color=DarkViolet
Typora支持的另一种写法
<span style='color:文字颜色;background:背景颜色;font-size:文字大小;font-family:字体;'>文字</span>
<span style='color:red;background:blue;font-size:25px;font-family:楷体;'>文字</span>
文字与代码高亮
highlight 1
highlight 2
code 1
code 2
字体字号
默认字体
<font face="黑体">黑体</font>
<font face="微软雅黑">微软雅黑</font>
<font size=2 face="黑体">黑体2号</font>
<font color=red size=6 face="黑体">红色6号黑体</font>
默认字体
黑体
微软雅黑
黑体2号
红色6号黑体
如何改变文本的样式
强调文本 强调文本
加粗文本 加粗文本
标记文本
红色1
红色2
下划线
删除线
小字体,这种中间不能出现空格,否则失效
public static void main(String[] args){
System.out.println("Hello, markdown");
}
引用文dd本
H2O is是液体。
210 运算结果是 1024.
新的改变
我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:
- 全新的界面设计 ,将会带来全新的写作体验;
- 在创作中心设置你喜爱的代码高亮样式,Markdown 将代码片显示选择的高亮样式 进行展示;
- 增加了 图片拖拽 功能,你可以将本地的图片直接拖拽到编辑区域直接展示;
- 全新的 KaTeX数学公式 语法;
- 增加了支持甘特图的mermaid语法1 功能;
- 增加了 多屏幕编辑 Markdown文章功能;
- 增加了 焦点写作模式、预览模式、简洁写作模式、左右区域同步滚轮设置 等功能,功能按钮位于编辑区域与预览区域中间;
- 增加了 检查列表 功能。
功能快捷键
水平线/分割线: 连续三个或以上减号/星号/下划线组成
撤销:Ctrl/Command + Z
重做:Ctrl/Command + Y
加粗:Ctrl/Command + B
斜体:Ctrl/Command + I
标题:Ctrl/Command + Shift + H
无序列表:Ctrl/Command + Shift + U
有序列表:Ctrl/Command + Shift + O
检查列表:Ctrl/Command + Shift + C
插入代码:Ctrl/Command + Shift + K
插入链接:Ctrl/Command + Shift + L
插入图片:Ctrl/Command + Shift + G
查找:Ctrl/Command + F
替换:Ctrl/Command + G
表情
例如:输入: + smile + :,注意两边都有:
😄
Typora快捷键
Typora 自定义快捷键
官方教程:文件 > 偏好设置> 通用 > 自定义快捷键
自定义快捷键:同样在 偏好设置 > 通用 中,点击 打开高级设置
然后会打开typora的配置文件所在目录
其中 conf.default.json 是默认的配置,conf.user.json 是用户自定义的配置,如果没有 conf.user.json 文件的话,直接在该目录下新建一个即可。
这里修改三个功能(修改好之后重启生效):
创建代码块
创建有序列表
创建无序列表
"keyBinding": {
"Code Fences": "Ctrl+Shift+k",
"Ordered List": "Ctrl+Shift+o",
"Unordered List": "Ctrl+Shift+u"
},
原快捷键:
没有间距的换行:
Shift+回车
一:菜单栏
文件:alt+F
编辑:alt+E
段落:alt+P
格式:alt+O
视图:alt+V
主题:alt+T
帮助:alt+H
二:文件
新建:Ctrl+N
新建窗口:Ctrl+Shift+N
打开:Ctrl+O
快速打开:Ctrl+P
保存:Ctrl+S
另存为:Ctrl+Shift+S
偏好:Ctrl+,
关闭:Ctrl+W
三:编辑
复制为MarkDown:Ctrl+Shift+C
粘贴为纯文本:Ctrl+Shift+V
选中当前行/句:Ctrl+L
选中当前格式文本:Ctrl+E
选中当前词:Ctrl+D
跳转到文首:Ctrl+Home
跳转到所选内容:Ctrl+J
跳转到文末:Ctrl+End
查找:Ctrl+F
查找下一个:F3
查找上一个:Shift+F3
替换:Ctrl+H
四:段落
标题:Ctrl+1/2/3/4/5
段落:Ctrl+0
增大标题级别:Ctrl+=
减少标题级别:Ctrl±
表格:Ctrl+T
代码块:Ctrl+Shift+K
公式块:Ctrl+Shift+M
引用:Ctrl+Shift+Q
有序列表:Ctrl+Shift+[
无序列表:Ctrl+Shift+] 增加缩进:Ctrl+] 减少缩进:Ctrl+[
五:格式
加粗:Ctrl+B
斜体:Ctrl+I
下划线:Ctrl+U
代码:Ctrl+Shift+`
删除线:Alt+Shift+5
超链接:Ctrl+K
图像:Ctrl+Shift+I
清除样式:Ctrl+\
六:视图
显示隐藏侧边栏:Ctrl+Shift+L
大纲视图:Ctrl+Shift+1
文档列表视图:Ctrl+Shift+2
文件树视图:Ctrl+Shift+3
源代码模式:Ctrl+/
专注模式:F8
打字机模式:F9
切换全屏:F11
实际大小:Ctrl+Shift+0
放大:Ctrl+Shift+=
缩小:Ctrl+Shift±
应用内窗口切换:Ctrl+Tab
打开DevTools:Shift+F12
合理的创建标题,有助于目录的生成
直接输入1次#,并按下space后,将生成1级标题。
输入2次#,并按下space后,将生成2级标题。
以此类推,我们支持6级标题。有助于使用TOC
语法后生成一个完美的目录。
插入链接与图片
链接: link.
图片:
带尺寸的图片:
居中的图片:
居中并且带尺寸的图片:
当然,我们为了让用户更加便捷,我们增加了图片拖拽功能。
如何插入一段漂亮的代码片
去博客设置页面,选择一款你喜欢的代码片高亮样式,下面展示同样高亮的 代码片
.
// An highlighted block
var foo = 'bar';
生成一个适合你的列表
- 项目
- 项目
- 项目
- 项目
- 项目1
- 项目2
- 项目3
- 计划任务
- 完成任务
创建一个表格
一个简单的表格是这么创建的:
项目 | Value |
---|---|
电脑 | $1600 |
手机 | $12 |
导管 | $1 |
多列:
一列 | 2列 | 3 |
---|
设定内容居中、居左、居右
使用:---------:
居中
使用:----------
居左
使用----------:
居右
第一列 | 第二列 | 第三列 |
---|---|---|
第一列文本居中 | 第二列文本居右 | 第三列文本居左 |
SmartyPants
SmartyPants将ASCII标点字符转换为“智能”印刷标点HTML实体。例如:
TYPE | ASCII | HTML |
---|---|---|
Single backticks | 'Isn't this fun?' |
‘Isn’t this fun?’ |
Quotes | "Isn't this fun?" |
“Isn’t this fun?” |
Dashes | -- is en-dash, --- is em-dash |
– is en-dash, — is em-dash |
创建一个自定义列表
-
Markdown
- Text-to- HTML conversion tool Authors
- John
- Luke
如何创建一个注脚
一个具有注脚的文本。2
注释也是必不可少的
Markdown将文本转换为 HTML。
KaTeX数学公式
您可以使用渲染LaTeX数学表达式 KaTeX:
Gamma公式展示 Γ ( n ) = ( n − 1 ) ! ∀ n ∈ N \Gamma(n) = (n-1)!\quad\forall n\in\mathbb N Γ(n)=(n−1)!∀n∈N 是通过欧拉积分