使用 Typore 编辑 Markdown 文档

Catalogue

1. 1. 进阶
   1. 1.1. 快捷键
   2. 1.2. 空格
   3. 1.3. 换行
   4. 1.4. emoji
   5. 1.5. 转义字符
   6. 1.6. 文本属性
   7. 1.7. 插入图片
   8. 1.8. 分页符
   9. 1.9. 更改主题背景色
   10. 1.10. HTML 标签
   11. 1.11. CSS 主题
2. 2. 参考

Typora 一些进阶用法。

进阶

快捷键

• 标题：ctrl + 数字
• 表格：ctrl + t
• 生成目录：[TOC]
• 选中一整行：ctrl + l
• 选中单词：ctrl + d
• 选中相同格式的文字：ctrl + e
• 跳转到文章开头：ctrl + home
• 跳转到文章结尾：ctrl + end
• 搜索：ctrl + f
• 替换：ctrl + h
• 下划线：ctrl + u
• 删除线：alt + shift + 5
• 插入链接：ctrl + k

空格

全角与半角

半角空格
 
 

全角空格
 
 

不断行的空格
 
 

示例：

正常文本
半角 空 格
全角 空 格
  全角空格

换行

软换行：Shift + Enter
硬换行：空格 + 空格 + Shift + Enter
换段：Enter

换行符：
Windows: CR + LF, \r\n; Unix: CR, \r

CR 表示回车，回到一行的开头，LF 表示换行，另起一行。

Windows 的换行符本质是「回车 + 换行」，而 Unix 的是「回车」。

可在 Typora 设置切换。

emoji

1. :emoji: 形式

   示例：:heart::horse::man::girl::heart::horse::man::girl:

2. 复制 emoji 符号

   可从此网站复制 http://emojihomepage.com/

   示例：😺😸😹😻😼😽🙀😿😾🐈🤾

3. 输入法联想

   会复制成图片形式

转义字符

\\ 反斜杠
\` 反引号
\* 星号
\_ 下划线
\{\} 大括号
\[\] 中括号
\(\) 小括号
\# 井号
\+ 加号
\- 减号
\. 英文句号
\! 感叹号

文本属性

<font face="黑体">黑体字</font>
<font face="STCAIYUN">我是华文彩云</font>

<font size=3> 字号3 </font> # 文本尺寸值：1-7

<font color=red> 红色字体 </font>
<font color=#8E236B> RGB 色号 #8E236B </font>

<table><tr><td bgcolor=orange> 背景色是：orange </td></tr></table>

<font face="黑体" size=12 color=#90EE90> 浅绿色黑体12字号 </font>

<table><tr><td bgcolor=orange><font face="黑体" size=6 color=#90EE90>浅绿色黑体尺寸6，背景色是：orange</font></td></tr></table>

<ruby>上标<rt>shang biao</rt></ruby>

示例：

黑体字
我是华文彩云
字体尺寸3

字体尺寸7
红色字体
RGB 色号 #8E236B

背景色是：orange

浅绿色黑体尺寸6，背景色是：orange

上标shang biao

插入图片

1. Markdown 写法

   ![标题，可略](链接)
   ![](./pic.jpg) #相对路径，此表示 MD 文档所在根目录
   ![](D:\pic\pic.jpg) #绝对路径
   ![](httsp://xxx.xxx.com/xx/xx.jpg) #网络链接

2. html 写法

   <img src= "" alt="" /> #最简
   <img src= "" width=“”  height=“” title="" alt="" /> #设定长宽，图片名

   可用 base64 插入小于 50K 的小图片。

分页符

<div STYLE="page-break-after: always;"></div>

可用于导出 PDF 使用。

更改主题背景色

偏好设置-打开主题文件夹

用文本编辑器打开对应主题的 .css文件

找到以下代码：

html {
    font-size: 16px;
	background-color: #fdf6e3;
}

body {
    font-family: Source Sans Pro, Helvetica Neue, Arial, sans-serif !important;
    color: #34495e;
    -webkit-font-smoothing: antialiased;
    line-height: 1.6rem;
    letter-spacing: 0;
    margin: 0;
    overflow-x: hidden;
	background-color: #fdf6e3;
}

html 及 body 段都有 background-color: #fdf6e3;，前者可实现导出 html 时候背景色，后者可实现在 Typora 中显示背景色，可自行修改 RGB 色号。

PS: 导出 PDF 仍然无法实现背景色，待解决。

HTML 标签

http://support.typora.io/HTML/

CSS 主题

存放位置：偏好设置-主题-打开主题文件夹

获取主题：http://theme.typora.io/

参考

1. RGB颜色参考
2. Typora 完全使用详解
3. 从一无所知到卓有成效的Markdown–里程
4. Typora导出pdf时页面背景颜色的bug和解决方法
5. Markdown玩转Emoj
6. Typora快捷键