码迷,mamicode.com
首页 > 其他好文 > 详细

typora

时间:2020-06-29 15:19:34      阅读:111      评论:0      收藏:0      [点我收藏+]

标签:format   enter   cti   结果   书写方式   语法   erer   内容   下划线   

Typora编辑器

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

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

支持平台:

  • Windows
  • Linux

特点:

  • 完美支持 Github 的 Markdown 语法;
  • 人性化的书写方式:
    • 表格的书写、挪动;
    • 图片,超链接,网页表格复制;
    • 目录生成;
  • 支持 LeTex 公式书写;
  • 支持 Flowchart,Mermaid 等流程图绘制;
  • emoji,高亮,备注,上标,下标等书写;
  • 生成网页,pdf,图片,甚至 word,LeTex 等格式。

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

Ctrl 0Ctrl 4:普通文本、一级~四级标题;

# head 生成标题

Ctrl B:加粗,加粗测试

**bald** 文本加粗

Ctrl I:斜体,斜体测试

*Italic* 斜体

Ctrl U:下划线,下划线测试

Shift Alt 5:删除线,删除线测试

~~line~~ 删除线

Shift Ctrl Tab键上面那个键 :行内代码块,行内代码块测试

Ctrl K:超链接,超链接测试;还支持文章内锚点,请 Ctrl 点击此处 ?? [第二节](#基本的不带快捷键 Markdown 书写演示);

Ctrl T:表格,支持拖拽移动、网页端表格复制转换:

标题 数据一 数据二
表格测试 943 baka

Ctrl Shift Q:引用:

> 引用

我需要三件东西:爱情、友谊和图书。然而这三者之间何其相通!

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

—— 蒙田

Shift Ctrl I:图片:

技术图片

Shift Ctrl M:公式块,快捷输入 LeTex 公式:

&&formula&& 输入公式

\[Euler‘s identity: e^{i\pi}+1=0 \]

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

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

代码块(我居然不能转义那个字符,就 Tab 键上面那个):

#!/usr/bin/python3
import os
with open(‘List.txt‘, ‘w‘) as f:
	for i in range(10):
		f.writelines(str(i))  
	print(‘成功写入数列‘)
os.system(‘rm ./List.txt‘)
print(‘成功删除文件‘)

无序、有序、任务列表:

  • 酒石酸菌
  • 玄墨之蝶
  1. HTML
  2. Python 3
  • [x] 1.12.2 教程计划
  • [x] Weblate 翻译计划
  • [ ] All The Mods 3 实况计划

参考链接:

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

上标下标:

上标:X^2^
下标:H~2~O

X^2^, H~2~O

高亮:

本节课重点:==第六、七章不考==,第三章出题较多,==平时分占 30%==

本节课重点:第六、七章不考,第三章出题较多,平时分占 30%

注释:

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

内联公式:

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

\(e^{i\pi}+1=0\)

分割线:

---

我绝不会弃坑的!


?? 上面的都是假话

emoji 图标:

:arrow_heading_down: :arrow_heading_up:
:ab: :blue_heart: :jack_o_lantern:
:ballot_box_with_check: :fork_and_knife:

?? ??
?? ?? ??
?? ??

目录生成:

[toc]

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 solid red]{AB^2 +AC^2 = BC^2} \]

流程图支持,内置了 Flowchart,Sequence,Mermaid 引擎,支持多种多样的流程图、时序图、甘特图:

  • 流程图(Flowchart)
st=>start: Start:>http://www.google.com[blank]
e=>end:>http://www.google.com
op1=>operation: My Operation
sub1=>subroutine: My Subroutine
cond=>condition: Yes
or No?:>http://www.google.com
io=>inputoutput: catch something...

st->op1->cond
cond(yes)->io->e
cond(no)->sub1(right)->op1
  • 流程图(Mermaid)
graph TD; 开始-->条件B; 条件A-->条件C; 条件B-->条件D; 条件C-->条件D; 条件A-->条件D; 开始-->条件C; 开始-->条件A; 条件D-->结束;
  • 时序图(Mermaid)
sequenceDiagram participant Alice participant Bob Alice->>John: Hello John, how are you? loop Healthcheck John->>John: Fight against hypochondria end Note right of John: Rational thoughts <br/>prevail... John-->>Alice: Great! John->>Bob: How about you? Bob-->>John: Jolly good!
  • 时序图(Sequence)
Alice->>John: Hello John, how are you?
Note right of John: Rational thoughts
John-->>Alice: Great!
John->>Bob: How about you?
Bob-->>John: Jolly good!
  • 甘特图(Mermaid)
gantt dateFormat YYYY-MM-DD title Adding GANTT diagram functionality to mermaid section A section Completed task :done, des1, 2014-01-06,2014-01-08 Active task :active, des2, 2014-01-09, 3d Future task : des3, after des2, 5d Future task2 : des4, after des3, 5d section Critical tasks Completed task in the critical line :crit, done, 2014-01-06,24h Implement parser and jison :crit, done, after des1, 2d Create tests for parser :crit, active, 3d Future task in critical line :crit, 5d Create tests for renderer :2d Add to mermaid :1d

  • 其他 Mermaid 图(目前还有点问题,不建议使用)
  • Class diagram
classDiagram Class01 <|-- AveryLongClass : Cool Class03 *-- Class04 Class05 o-- Class06 Class07 .. Class08 Class09 --> C2 : Where am i? Class09 --* C3 Class09 --|> Class07 Class07 : equals() Class07 : Object[] elementData Class01 : size() Class01 : int chimp Class01 : int gorilla Class08 <--> C2: Cool label
  • Git
gitGraph: options { "nodeSpacing": 100, "nodeRadius": 10 } end commit branch newbranch checkout newbranch commit commit checkout master commit commit merge newbranch

主题替换

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

文章导出

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

typora

标签:format   enter   cti   结果   书写方式   语法   erer   内容   下划线   

原文地址:https://www.cnblogs.com/huanxifan/p/13207825.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!