【实用】Typora—MarkDown编辑器

命运对每个人都是一样的,不一样的是各自的努力和付出不同,付出的越多,努力的越多,得到的回报也越多,在你累的时候请看一下身边比你成功却还比你更努力的人,这样,你就会更有动力。

导读:本篇文章讲解 【实用】Typora—MarkDown编辑器,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com,来源:原文

Typora简介

Typora是一款轻便简洁的MarkDown编辑器,支持即时渲染技术。该软件已经成为了使用最为频繁的一款软件。

  • 官网:https://www.typora.io/
  • 作用:【A truly minimal markdown editor.】

Typora教程

0.常用快捷键

功能 按键1 按键2 按键3
加粗 Ctrl B
撤销 Ctrl Z
替换 Ctrl H
插入链接 Ctrl K
插入图片 Ctrl Shift I
插入代码 Ctrl Shift K
显示大纲 Ctrl Shift L

1.标题

方式一 方式二
一级标题 # Ctrl+1
二级标题 ## Ctrl+2
三级标题 ### Ctrl+3
四级标题 #### Ctrl+4
五级标题 ##### Ctrl+5
六级标题 ###### Ctrl+6

ps:#后需要加空格


实现这种引用文字的备注方式↑←
>+spacebar

2.子标题(列表)

  • 无序子标题(无序列表)

      - 内容
      + 内容
      * 内容
      
      ps:- + * 与内容之间有个空格
    

    效果如下

    • 内容一
    • 内容二
    • 内容三
  • 有序子标题(有序列表)

      数字. 内容
      
      ps:同样的,内容前要加空格
    

    效果如下

    1. 内容一
    2. 内容二
    3. 内容三

3.代码

  • 单行代码

      `代码内容`
    
  • 代码块

      ```python+回车
      其中python是可变的,根据自己需求的代码环境进行调整
    

ps:ctrl+shift+K也能实现

4.表格

  • 语法:

      |表头|表头|表头|
      直接回车
      然后根据自己的需求进行调配
    

ps:制作表格需要注意,须顶格写

  • 示例

    表头一 表头二 表头三
    内容 内容 内容
    内容 内容 内容

    代码如下

      |表头一|表头二|表头三|
      |---|---|---|
      |内容|内容|内容|
      
      ps:其中第二行是关键,分割表头和内容的
         默认居左对齐,可以用“+”来调整对齐方式
    

5.超链接

  • 文本超链接

    快捷键:ctrl+K
    语法:[文本] (地址”title”)

    ps:其中title可加可不加
    ex:百度

      	[百度](www.baidu.com "title")
    
  • 图片超链接

    快捷键:ctrl+shift+I
    语法:[文本](路径 “title”)

6.其他

  1. 数学表达式

    $$,具体就不展开了

  2. 代码标记

    <kbd> </kbd>

  3. 视频

    <video src="day01.mp4" /D/视频>

  4. 文字符号

    功能语法快捷键
    倾斜*+内容+*Ctrl + I
    加粗*+*+内容+*+*Ctrl + B
    删除线<u>下划线</u>Ctrl + U
    分割线*或者-三次及以上
    表情符号<kbd>:happy:</kbd>单词可替换
    上下标
    脚注
  5. 流程图
    1. 横向流程图

      1. 源码
      ```mermaid
      graph LR
      A[中括号代表方形] -->B(小括号代表圆角)
      B --> C{第一次判断}
      C --> |条件成立| D[结果1]
      C --> |条件不成立| E{第二次判断}
      E --> |条件成立| F[结果2]
      E --> |条件成立| G[结果3]
      
      1. 效果

      image

    2. 纵向流程图

      1. 源码
      ```mermaid
      graph TD
      A[中括号代表方形] -->B(小括号代表圆角)
      B --> C{第一次判断}
      C --> |条件成立| D[结果1]
      C --> |条件不成立| E{第二次判断}
      E --> |条件成立| F[结果2]
      E --> |条件成立| G[结果3]
      
      1. 效果

      image

    3. 标准流程图

      1. 源码

        ```mermaid
        flowchat
        st=>start: 开始框
        op=>operation: 处理框
        cond=>condition: 判断框(是或否?)
        sub1=>subroutine: 子流程
        io=>inputoutput: 输入输出框
        e=>end: 结束框
        st->op->cond
        cond(yes)->io->e
        cond(no)->sub1(right)->op
        
      2. 效果

        image

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由半码博客整理,本文链接:https://www.bmabk.com/index.php/post/143961.html

(0)

相关推荐

发表回复

登录后才能评论
半码博客——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!