Git基本工作流程

Typora编辑器————书写即为美学

发表于 2018-02-08 | 0

我也是初学者，公认个人经验总结，不保证质量。

考虑到hexo渲染和Typora渲染差异很大，建议复制此处原始码，在本机上测试效果。

官方网站：https : //www.typora.io/

支持平台：

• 视窗
• 的Linux
• OSX

特点：

• 完美支持Github的Markdown语法；
• 人性化的书写方式：
  • 表格的书写，挪动；
  • 图片，超链接，网页表格复制；
  • 目录生成；
• 支持LeTex公式书写；
• 支持流程图，美人鱼等流程图图；
• emoji，高亮，备注，上标，下标等书写；
• 生成网页，pdf，图片，甚至单词，LeTex等格式。

基本的带快捷键的Markdown书写演示

Ctrl 0到Ctrl 4：普通文本，一级〜四级标题；

Ctrl B：加粗，加粗测试；

Ctrl I：斜体，斜体测试；

Ctrl U：下划线，下划线测试；

Shift Alt 5：删除线，删除线测试；

Shift Ctrl Tab键上面那个键：行内代码块，行内代码块测试；

Ctrl K：超链接，超链接测试；还支持文章内锚点，请Ctrl点击此处：arrow_right：[第二节](https://baka943.coding.me/2018/02/08/2018-02-08-TyporaSimpleDoc/#基本的不带快捷键 Markdown 书写演示)；

Ctrl T：表格，支持拖拽移动，网页端表格复制转换：

标题	数据一 山东	数据二
表格测试	943	巴卡

Ctrl Shift Q：引用：

我需要三件东西：爱情，友谊和图书。而这三者之间何其相通！

炽热的爱情可以充实图书的内容，图书又是人们最忠实的朋友。

-蒙田

Shift Ctrl I：图片：

Shift Ctrl M：公示块，快捷输入LeTex公式：
$$
Euler的身份：e ^ {i \ pi} + 1 = 0
$$

基本的不带快捷键Markdown书写演示

部分功能需要现在配置文件中开启才能使用

代码块（我居然不能转义那个字符，就Tab键上面那个）：

！＃在/ usr / bin中/ python3 
进口 OS 
与开放（'LIST.TXT' ，'W' ）为 F：对于我在范围（10）：		f.writelines（STR（I））   	印刷（“成功写入数列'）os.system（'rm ./List.txt'）print（'成功删除文件'）

无序，有序，任务列表：

• 酒石酸菌
• 玄墨之蝶

1. 的HTML
2. Python 3

• 1.12.2教程计划
• Weblate翻译计划
• 所有The Mods 3实况计划

参考链接：

通过培养试验研究了有机酸对铅，镉的毒害影响，结果表明柠檬酸对铅[^ 1]，酒石酸对镉有较明显的解毒作用[^ 2]。使用逐步提取法研究萝卜根叶内重金属存在的化学形态，有机酸处理并不影响各形态铅的优势顺序，但各形态铅的浓度或相对百分率发生了变化。

[^ 1]：陈苏。污染土壤中镉，铅的活化及植物有效研究[D]。中国科学院沉阳应用生态研究所，2007。
[^ 2]：陈英旭，林琦，陆芳等。关键词：有机酸对铅，镉植株危害的解毒作用研究 环境科学学报，2000，20（4）：467-472。

上标下标：

上标：X ^ 2 ^ 
下标：H〜2〜O

X ^ 2 ^，H〜2〜O

高亮：

本节课重点：==第六，七章不考==，第三章出题之处，==平时分占30％==

本节课重点：==第六，七章不考==，第三章出题之处，==平时分占30％==

注释：

<！-这一段不要显示出来->

内联公式：

$ e ^ {i \ pi} + 1 = 0 $

$ e ^ {i \ pi} + 1 = 0 $

分割线：

---

我绝不会弃坑的！

---

：arrow_up：上面的都是假话

emoji图标：

：arrow_heading_down：：arrow_heading_up：：
ab：：blue_heart：：jack_o_lantern 
：：ballot_box_with_check：：fork_and_knife：

：arrow_heading_down：：arrow_heading_up：：
ab：：blue_heart：：jack_o_lantern
：：ballot_box_with_check：：fork_and_knife：

目录生成：

[目录]

[目录]

Markdown拓展功能

HTML原生支持，目前只支持img标签，可以自定义图片大小和缩放：

<img src =“ https://static.pexels.com/photos/461797/pexels-photo-461797.jpeg width =” 550px“ alt =” test“> </ img>

LaTex公式支持，包括mhchem，AMSmath，BBox：

mhchem：
$$
\ ce {SO4 ^ 2- + Ba ^ 2 +-> BaSO4 v}
$$
BBox：
$$
\ bbox [5px，border：2px纯红色] {AB ^ 2 + AC ^ 2 = BC ^ 2 }
$$

流程图支持，内置了流程图，序列，美人鱼引擎，支持多种多样的流程图，时序图，甘特图：

• 流程图（流程图）

st =>开始：开始：> http://www.google.com [空白] 
e =>结束：> http://www.google.com 
op1 =>操作：“我的操作” 
子1 =>子例程：“我的子例程” 
条件=>条件：是
或否？：> http://www.google.com 
io => inputoutput：抓住了一些东西...

st-> op1-> cond 
cond（yes）-> io-> e 
cond（no）-> sub1（right）-> op1

• 流程图（美人鱼）

图TD; 
    开始->条件B; 
    条件A->条件C; 
    条件B->条件D; 
    条件C->条件D; 
    条件A->条件D; 
    开始->条件C; 
    开始->条件A; 
    条件D->结束;

• 时序图（美人鱼）

sequenceDiagram 
    参与者Alice 
    参与者Bob 
    Alice->> John：约翰你好，你好吗？
    循环健康检查
        John->> John：对抗软骨垂体病
    终结
    注意John的权利：理性思想<br/> ... 
    John->> Alice：太好了！
    John->> Bob：你呢？
    鲍勃（Bob）->>约翰（John）：很好！

• 时序图（序列）

爱丽丝->>约翰：约翰你好，你好吗？
注意约翰的权利：理性思想
约翰->>爱丽丝：太好了！
John->> Bob：你呢？
鲍勃（Bob）->>约翰（John）：很好！

• 甘特图（美人鱼）

gantt 
        dateFormat YYYY-MM-DD 
        标题为人鱼
        节A节添加GANTT图功能
        已完成的任务：done，des1、2014-01-06、2014-01-08 
        活动任务：active，des2、2014-01-09、3d 
        Future任务：DES3，DES2后，5D 
        未来TASK2：des4，DES3后，5D 
        部分关键任务
        已完成任务的临界线：暴击，完成后，2014-01-06,24h 
        实现解析器和jison：暴击，完成，DES1后， 2d 
        为解析器：crit，active，3d创建测试
        关键行：crit，5d中的未来任务
        为渲染器：2d创建测试
        添加到美人鱼：1d

---

• 其他美人鱼图（目前还有点问题，不建议使用）
• 类图

classDiagram 
Class01 <|-AveryLongClass：Cool 
Class03 *-Class04 
Class05 o-- Class06 
Class07 .. Class08 
Class09-> C2：我在哪里？
Class09-* C3 
Class09-|> Class07 
Class07：equals（）
Class07：Object [] elementData 
Class01：size（）
Class01：int 
chimp Class01：int gorilla 
Class08 <-> C2：酷标签

• 吉特

gitGraph：
选项
{ 
    “nodeSpacing”：100，
    “nodeRadius”：10 
} 
端
提交
分支newbranch 
结帐newbranch 
提交
提交
结帐主
提交
提交
合并newbranch

主题替换

访问：http : //theme.typora.io/

文章总结

• 图片（非常适合手机阅读）
• PDF格式
• HTML（可选是否带样式表）
• 其他需要第三方库支持