zoukankan      html  css  js  c++  java
  • 使用Typora编写Markdown的介绍及快捷键的使用

    Typora及Markdown的介绍及使用

    Typora是一款免费的Markdown编辑器,Typora不像其他Markdown编辑器一样使用一边代码一边预览的方式,而是写完代码之后直接出效果,所见即所得,当然,也可以在菜单栏打开源代码模式。还有很多的Markdown编辑器,如Mou (Mac系统下的)、HaroopadCMD Markdown 等,个人觉得没有Typora好用,以下介绍一些Typora的使用,其实就是一些Markdown的语法,只不过多了些快捷键的使用。Typora也可以通过软件的菜单栏进行操作,较为简单,但是写作时为了提升速度,还是使用代码和快捷键。

    Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档。Markdown 编写的文档可以导出 HTML 、Word、图像、PDF、Epub 等多种格式的文档。Markdown 编写的文档后缀为 .md, .markdown。Markdown 能被使用来撰写电子书,如:Gitbook。当前许多网站都广泛使用 Markdown 来撰写帮助文档或是用于论坛上发表消息。例如:GitHub、简书、reddit、Diaspora、Stack Exchange、OpenStreetMap 、SourceForge等。Git仓库中常见的说明文件README文件就是Markdown文件,很多的博客,如CSDN、博客园也支持Markdown,本篇博文就是使用Markdown写的。

    一、标题

    可以使用#来标记标题,支持六级标题,几级标题就用几个##的后面要空一格,再写标题内容,按回车键就会生成效果,记得#后空一格再写标题

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

    效果:
    在这里插入图片描述

    也可以使用=-来标记一级和二级标题,在一行文字的下一行写几个-=就可以,数量不限,大于一个就好

    我是一级标题
    ==========
    我是二级标题
    ----------
    

    效果:
    在这里插入图片描述

    二、段落

    Markdown 段落没有特殊的格式,直接编写文字就好,段落的换行是使用两个以上空格加上回车。
    当然也可以在段落后面使用一个空行来表示重新开始一个段落。

    三、字体

    加粗还可以使用快捷键Ctrl+B,倾斜使用快捷键Ctrl+I

    *斜体文本*
    _斜体文本_
    **粗体文本**
    __粗体文本__
    ***粗斜体文本***
    ___粗斜体文本___
    

    效果:

    斜体文本
    斜体文本
    粗体文本
    粗体文本
    粗斜体文本
    粗斜体文本

    四、分割线

    可以在一行中用三个以上的星号、减号、底线来建立一个分隔线,行内不能有其他东西。也可以在星号或是减号中间插入空格。下面每种写法都可以建立分隔线:

    ***
    * * *
    *****
    - - -
    ----------
    

    效果:






    五、 删除线

    使用~~文本~~

    hello world
    ~~ hello world ~~
    

    效果:

    hello world
    hello world

    六、下划线

    使用<u>文本</u>,或使用快捷键Ctrl+U

    <u>下划线</u>
    

    效果:

    下划线

    七、脚注

    使用[^文本]

    这是我的博客[^CSDN]
    

    效果:

    这是我的博客[^CSDN]

    八、列表

    Markdown 支持有序列表和无序列表。

    1. 无序列表

    使用星号(*)、加号(+)或是减号(-)作为列表标记,这些标记后面要添加一个空格,然后再填写内容:

    * 第一项
    * 第二项
    * 第三项
    
    + 第一项
    + 第二项
    + 第三项
    
    
    - 第一项
    - 第二项
    - 第三项
    
    

    效果

    • 第一项
    • 第二项
    • 第三项
    • 第一项
    • 第二项
    • 第三项
    • 第一项
    • 第二项
    • 第三项

    2. 有序列表

    使用数字并加上 . 号来表示,如:

    1. 第一节
    2. 第二节
    3. 第三节
    

    效果:

    1. 第一节
    2. 第二节
    3. 第三节

    3. 列表嵌套

    列表嵌套只需在子列表中的选项前面添加四个空格即可:

    1.第一章
    	 * 第一节
    	 * 第二节
    	 * 第三节
    2.第二章
    	 * 第一节
    	 * 第二节
    	 * 第三节
    3.第三章
    	 * 第一节
    	 * 第二节
    	 * 第三节
    

    效果:

    1. 第一章
      • 第一节
      • 第二节
      • 第三节
    2. 第二章
      • 第一节
      • 第二节
      • 第三节
    3. 第三章
      • 第一节
      • 第二节
      • 第三节

    九、任务列表

    格式如下

    -[ ] 文字 (注意用空格隔开)

    - [ ] 吃饭
    - [ ] 睡觉
    - [ ] 写代码
    

    效果:

    • [x] 吃饭
    • [x] 睡觉
    • [ ] 写代码

    十、区块

    Markdown 区块引用是在段落开头使用 > 符号 ,然后后面紧跟一个空格符号:

    >Typora
    >Markdown
    >Python
    

    效果:

    Typora
    Markdown
    Python

    区块还可以和列表嵌套使用

    1. 编程语言
    	>C语言
    	>Python
    	>Java
    2. IDE
    	>VS
    	>PyCharm
    	>Eclipse
    

    效果:

    1. 编程语言

      C语言
      Python
      Java

    2. IDE

      VS
      PyCharm
      Eclipse

    十一、代码块

    1. 单个

    如果是段落上的一个函数或片段的代码可以用反引号把它包起来:

    `print()``printf()`都是函数
    

    效果:

    print()printf()都是函数

    2.代码区块

    代码区块使用 4 个空格或者一个制表符Tab 键。

        #include<stdio.h>
        int main()
        {
          printf("hello world!");
          return 0;
        }
    

    效果:

    #include<stdio.h>
    int main()
    {
      printf("hello world!");
      return 0;
    }
    

    或使用` ````包裹一段代码,并指定一种语言(也可以不指定),指定的话会有该种语言的高亮显示,语言指定在第一行,第二行开始写代码:

    ```c
    #include<stdio.h>
    int main()
    {
    	printf("hello world!");
    	return 0;
    }
    ```
    

    效果:

    #include<stdio.h>
    int main()
    {
    	printf("hello world!");
    	return 0;
    }
    
    ```python
    a=[1,2,'hello world',(99,98)]
    for i in a:
    print(i)
    ```
    

    效果:

    a=[1,2,'hello world',(99,98)]
    for i in a:
    	print(i)
    

    十二、链接

    链接的用法如下,也可以使用快捷键Ctrl+K

    链接名称
    或者
    <链接地址>

    [百度](www.baidu.com)
    <www.baidu.com>
    

    效果:

    百度
    <www.baidu.com>

    也可以通过变量来设置一个链接,变量赋值在文档末尾进行:

    [谷歌][1]和[百度][2]都是搜索引擎
    
    [1]:www.google.com
    [2]:www.baidu.com
    

    效果:
    谷歌百度都是搜索引擎

    十三、图片

    图片的格式为

    • 开头一个感叹号 !

    • 接着一个方括号,里面放上图片的替代文字

    • 接着一个普通括号,里面放上图片的网址,最后还可以用引号包住并加上选择性的 'title' 属性的文字。

    • 图片也可以在复制后直接粘贴到Typora或者拖进Typora中实现图片的插入
      Windows

    十四、表格

    Markdown 制作表格使用 | 来分隔不同的单元格,使用 -来分隔表头和其他行。也可以使用Ctrl+T创建表格

    语法格式如下:

    |  表头   | 表头  |
    |  ----  | ----  |
    | 单元格  | 单元格 |
    | 单元格  | 单元格 |
    
    |姓名|年龄|性别|
    |--- |--- |---|
    |张三 |20  |男|
    |李四 |22  |女|
    |王二 |32  |男|
    

    效果:

    姓名年龄性别
    张三 20
    李四 22
    王二 32

    可以设置表格的对齐方式:

    • -:设置内容和标题栏居右对齐。
    • :- 设置内容和标题栏居左对齐。
    • :-: 设置内容和标题栏居中对齐。
    |姓名|年龄|性别|
    |:- |:-: |-:|
    |张三 |20  |男|
    |李四 |22  |女|
    |王二 |32  |男|
    

    效果:

    姓名年龄性别
    张三 20
    李四 22
    王二 32

    十五、数学公式

    Typora支持加入用LaTeX写成的数学公式,并且在软件界面下用MathJax直接渲染,数学公式分为两种

    • 行内公式 $ ... $
    • 行间公式 $$ ... $$,(或者$$+回车)

    行间公式形式是将数学式插在文本行之间,行内公式形式是将数学式插入文本行之内(段落中)。个人测试在Typora中插入行内公式没有效果,插入行间公式有效果,但在其他Markdown编辑器中插入行内公式和行间公式均有效果,暂时还不知道是什么原因。

    1、上标、下标、求和、括号、分式、根号

    在这里插入图片描述

    2、基本运算符

    在这里插入图片描述

    3、三角函数、指数、对数

    在这里插入图片描述

    4、高等数学相关运算符

    在这里插入图片描述

    5、集合运算符

    在这里插入图片描述

    6、希腊字母

    在这里插入图片描述

    十六、流程图

    Markdon还支持流程图,就是使用代码来画流程图。但是Typora支持的不是很好,就不在这里介绍了,将会在下一篇博文中写。

    出处:https://www.cnblogs.com/xjfyt0129/p/13198659.html

    =======================================================================================

    Typora快捷键

    一、快捷键列表

    操作内容快捷键助记词
    1. 标题 Ctrl + 数字 1-6  
    2. 段落 Ctrl + 数字 0  
    3. 粗体 Ctrl + B (B) Bold
    4. 斜体 Ctrl + I (I) Italics
    5. 下划线 Ctrl + U (U) Underline
    6. 插入链接 Ctrl + K linK (K)
    7. 插入表格 Ctrl + T (T) Table
    8. 插入行内代码 Ctrl + Shift +  
    9. 插入代码块 Ctrl + Shift + K blocK (K)
    10. 插入图片 Ctrl + Shift + I (I) Image
    11. 插入公式 Ctrl + Shift + M (M) Math
    12. 插入引用 Ctrl + Shift + Q (Q) Quote
    13. 侧边栏 Ctrl + Shift + L (L) Line
    14. 无序列表 Ctrl + Shift + ]  
    15. 有序列表 Ctrl + Shift + [  
    16. 撤销操作 Ctrl + z  
    17. 恢复操作 Ctrl + y  

    二、快捷键详解

    1. 标题: Ctrl + 数字1-6 -- 数字是 1就是 1级标题,以此类推

    一级标题

    二级标题

    三级标题

    2. 加粗: Ctrl + B

      示例:**加粗字体**
    

    3. 斜体: Ctrl + I

      示例:*斜体字体*
    

    4. 下划线: Ctrl + U

      示例:<u>加下划线</u>
    

    5. 删除线: Alt + Shift + 5

      示例:~~加删除线~~
    

    6. 插入表格:Ctrl + T

    | 第一行 |2| 第3列 |
    | ----- | ---- | ---- |
    | 第二行 |      |      |
    

    7. 插入链接: Ctrl + K

      示例:	这是一个链接 [菜鸟教程](https://www.runoob.com)
    
      	这是一个链接 [菜鸟教程](https://www.runoob.com)
    

    8. 插入行内代码: Ctrl + Shift + `

    	示例:行内代码是指在一行文字中插入 局部代码,例如: `import time # 导入time模块`,整行还是按照文字格式显示。插入行内代码的快捷键为:选中代码部分后,按 “Ctrl + Shift + ` ” 即可完成。
    

    9. 插入代码块: Ctrl + Shift + K

    	示例:插入代码块是指在下方插入一段代码,以代码块的样式显示,例如:
    
    #-*- coding: utf-8 -*-
    import sys                          # 导入模块
    
    import pandas as pd                 # 导入模块 pandas, 并简写成 pd
    import numpy as np                  # 导入模块 numpy, 并简写成 np
    import matplotlib.pyplot as plt     # 导入模块 matplotlib.pyplot, 并简写成 plt
    

    10. 插入图片: Ctrl + Shift + I

    	示例:根据提示输入图片路径![]()
    

    11. 插入公式: Ctrl + Shift + M

    	示例:
    
     

    12. 插入引用: Ctrl + Shift + Q

      示例: 1. 符号 “>” 可以标记引用
    
    		2. 引用可以嵌套
    

    13. 无序列表: Ctrl + Shift + ]

    • 列表项 1
    • 列表项 2
    • 列表项 3

    14. 有序列表: Ctrl + Shift + [

    1. 列表项 1
    2. 列表项 2
    3. 列表项 3

    15. 撤销操作: Ctrl + z

    16. 恢复操作: Ctrl + y

    出处:https://www.cnblogs.com/youcans/p/14439936.html

    您的资助是我最大的动力!
    金额随意,欢迎来赏!
    款后有任何问题请给我留言。

    如果,您认为阅读这篇博客让您有些收获,不妨点击一下右下角的推荐按钮。
    如果,您希望更容易地发现我的新博客,不妨点击一下绿色通道的关注我。(●'◡'●)

    如果你觉得本篇文章对你有所帮助,请给予我更多的鼓励,求打             付款后有任何问题请给我留言!!!

    因为,我的写作热情也离不开您的肯定支持,感谢您的阅读,我是【Jack_孟】!

  • 相关阅读:
    MethodNotAllowedHttpException
    laravel项目return back()->withErrors($validator)或return back()->with('errors','原密码错误!')在前台原密码错误的情况下不能正确显示错误信息,变成报错!
    laravel加入验证码类几种方法 && Laravel引入第三方库的方法
    使用Git命令从Github下载代码仓库
    4-ESP8266 SDK开发基础入门篇--串口
    2-STM32+W5500+GPRS物联网开发基础篇-基础篇学习的内容
    3-ESP8266 SDK开发基础入门篇--点亮一个灯
    2-ESP8266 SDK开发基础入门篇--非RTOS版与RTOS版
    1-ESP8266 SDK开发基础入门篇--开发环境搭建
    11-网页,网站,微信公众号基础入门(配置自己的微信公众号,添加一个按钮)
  • 原文地址:https://www.cnblogs.com/mq0036/p/13223528.html
Copyright © 2011-2022 走看看