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

typora总结

时间:2020-03-28 21:57:05      阅读:108      评论:0      收藏:0      [点我收藏+]

标签:art   content   code   not   插入   video   语法   开始   containe   

typora语法

共有语法

  1. 标题(标题、粗体、斜体)
  2. 段落和空行(有序列表、无序列表、分割线)
  3. 图片:![图片替代文字](图片地址)
  4. 链接:文字链接([链接文字](链接地址))、引用链接([链接文字][链接标记],[链接标记]:(链接地址))、网址链接(<链接地址>)
  5. 行内代码和代码块
  6. 引用:> text
  7. 转义:\转义字符
  8. 删除线:~~text~~
  9. 自动链接:网址
  10. 表格
  11. 围栏代码
  12. emoji表情符号
  13. 任务列表
  14. 下划线:<u>text</u>
  15. 注释:<!--注释-->,在编辑和预览时,注释内容会被显示,在导出PDF或Word时,则会被隐藏
  16. 图标(时序图|序列图,流程图和Mermaid)
   序列图(语法基于js-sequence-diagrams.js)
   语法:使用3个`+sequence包裹js-sequence-diagrams语法
   ?```sequence
   js-sequence-diagrams语法
   ?```
   实例:
   ?```sequence
   张三->李四:吃了吗?
   Note right of 李四:我显示在李四的右边
   李四-->张三:好久不见,三儿,我刚吃完!
   ?```
   
   流程图(语法基于flowchart.js)
   语法:使用3个`+flow包裹flowchart语法
   ?```flow
   flowchart语法
   ?```
   实例:
   ?```flow
   st=>start:开始
   op=>operation:我是帅哥
   cond=>condition:Yes or No?
   e=>end:结束
   
   st->op->cond
   cond(yes)->e
   cond(no)->op
   ?```
   
   mermaid(语法基于mermaid序列图语法)
   语法:使用3个`+mermaid包裹mermaid序列图语法
   ?```mermaid
   mermaid序列图语法
   ?```
   实例:
   ?```mermaid
   %% 序列图举例(我是注释)
   sequenceDiagram
   	张三->>李四:吃了吗?
   	李四-->>张三:好久不见,三儿,我刚吃完!
   	Note right of 李四:我显示在李四的右边
   ?```
   说明:sequenceDiagram:序列图,gantt:甘特图,流程图:graph TD|LR

特有语法

  1. 内联数学公式:$公式$,使用$把数学公式包裹起来

  2. 下标和上标:~下标内容~,使用~把下标内容包裹起来;^上标内容^,使用^把上标内容包裹起来

  3. 高亮:==高亮内容==;使用2个等号(=)把高亮内容包裹起来

  4. 目录:[TOC],Table of Contents,自动获取文章的标题来生产目录

  5. 锚点:[锚点](#标题)

  6. 设置图片大小:除了使用基础的图片语法,也可以是用技术图片标签

  7. 数学公式块:

    $$
    数学公式
    $$
    
  8. 脚注

    我们可以这样引用一个脚注[^参考]
    [^参考]:这段文字是对脚注的描述
    当鼠标放到引用的脚注之上时,会显示脚注的描述信息;若脚注没有定义,则会提示我们定义脚注的语法
    
  9. 使用HTML标签

    a、文字颜色:<span style="color:green">绿色</span>
    b、嵌入页面:<iframe height="265" scrolling="yes" title="title" src="URL"></iframe>c、插入视频:<video src="./imgs/video.mov"/>
    

特有语法通过文件->偏好设置来某些设置项来激活,重启typora生效

功能选项说明

  1. 打字机模式:光标始终位于屏幕的中间。
  2. 专注模式:只高亮显示光标所在行,其余内容全部变灰。

typora总结

标签:art   content   code   not   插入   video   语法   开始   containe   

原文地址:https://www.cnblogs.com/klrwx/p/12589400.html

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