精华内容
下载资源
问答
  • typora使用教程
    2022-05-10 10:37:08

    标题

    使用#可以表示标题

    一级标题对应一个#,二级标题对应两个#,依此类推,最多至六级标题
    (需要注意的是,#后需要加一个空格才能表示标题,否则为普通字符)

    也可以使用快捷键表示相对应的标题(command+1~6)

    字体

    使用一对*括住的文本表示斜体文本
    也可以使用快捷键command+i

    使用一对**括住的文本表示粗体文本
    也可以使用快捷看command+b

    使用一对***括住的文本表示粗斜体文本

    分割线

    使用三个* + - 及以上表示分割线

    删除线

    使用一对~~括住的文本来表示删除文本

    下划线

    使用<u></u>括住的文本来表示删除文本
    也可以使用快捷键command+u表示

    无序列表

    使用* + - 加空格表示无序列表

    有序列表

    使用数字加.加空格表示有序列表

    区块

    当我们想引入别人的文章时,可以将其放入区块内

    使用>加空格表示区块
    要退出区块,回车即可

    暂时总结到这里,后续再继续补充

    更多相关内容
  • Typora使用教程

    千次阅读 2022-04-10 01:16:35
    Python微信订餐小程序课程视频 ...Typora使用教程 高能预警:本篇文章内容很长,很长,很长… 前言 ​ 一次偶然的机会,让我接触到了 .md 文档,进而开始摸索如何查看 .md 文档,并意外结识了 Typora 这个编辑器。 M

    Python微信订餐小程序课程视频

    https://blog.csdn.net/m0_56069948/article/details/122285951

    Python实战量化交易理财系统

    https://blog.csdn.net/m0_56069948/article/details/122285941

    Typora使用教程

    高能预警:本篇文章内容很长,很长,很长…

    前言

    ​ 一次偶然的机会,让我接触到了 .md 文档,进而开始摸索如何查看 .md 文档,并意外结识了 Typora 这个编辑器。

    MarkDown

    简介

    Markdown 是一种轻量级标记语言,创始人为 John Gruber。它允许人们「使用易读易写的纯文本格式编写文档,然后转换成有效的 XHTML(或者 HTML)文档」。

    为什么要用MarkDown

    ​ 对于我而言,我选择MarkDown的原因如下:

    1. 回归到内容本身,注重文章本身的结构,而不是样式

      • 不需要考虑字体大小、颜色等,因为 Markdown 中字体样式都与结构有关,无法手动设置
    2. MarkDown的语法简单,记住几个常用的就可以释放鼠标了

      • 比如,我想要将 “这是个标题” 设置成二级标题,只需要在标题前添加##+空格即可实现,而不需要用鼠标先选中 “这是个标题”,然后在设置成二级标题
    3. 当前许多网站都支持用 Markdown 来撰写文档

      • 如 博客园、CSDN、简书、语雀 等,有了这么多网站的支持,你可以随时随地上传本地 MarkDown 文件到博客中

    MarkDown 基本语法

    一、标题

    ​ 语法格式:#+空格+标题,一个#是一级标题,两个##是两级标题,以此类推,支持六级标题

    二、字体

    • 加粗
      语法格式:**加粗**
    • 斜体
      语法格式:*斜体*
    • 斜体加粗
      语法格式:``斜体加粗`
    • 删除线
      语法格式:~~删除线~~
    • 高亮

    语法格式:==高亮==

    三、引用

    ​ 语法格式:>+引用文字

    我是引用文字

    ​ 引用也可以嵌套:

    如加两个>>

    三个>>>

    ​ 支持无线套娃~~

    四、分割线

    ​ 语法格式:三个或者三个以上的 - 或者 * 都可以,如***

    五、图片

    ​ 语法格式:![alt](图片地址 ''title'')

    alt 指的是当图片链接失效时显示的提示文字,可加可不加title是图片的标题,当鼠标移到图片上时显示的内容,可加可不加


    ​ 如果你想要调整图片大小,有两种方式:

    1. 右击图片,选择缩放图片后,语法格式将变成![32](Typora.assets/32.jpg)20%可自行调整
    2. 通过HTML调节,格式如下:
    <center>
        <img style="border-radius: 20px;"
     src="Typora.assets/baymax.jpg" 
     alt="baymax"
     width="688" >
    center>
    
    • 标签设置图片居中对齐
    • border-radius设置圆角
    • src放置图片路径(本地路径或网络路径)
    • alt放置图片链接失效后的显示文字
    • width设置图片宽度(witdhheight只设置一个即可,等比例缩放)

    ​ 你也可以通过如下代码为图片添加图注:

    <center>
        <img style="border-radius: 20px;"
     src="" 
     alt=""
     width="688" >
        <br>
        <div style="color: #999; padding: 2px;">
            图注
        div>
    center>
    

    Hello,I’m baymax,your healthcare companion.

    我使用的博客园主题不支持缩放代码,所以我选择了使用HTML的方式调整图片大小。放置上 设置圆角 的代码后我才发现,我使用的主题同样也不支持border-radius😩

    六、超链接

    ​ 语法格式:[超链接名](超链接地址)

    七、列表

    • 无序列表

    ​ 语法格式:无序列表用 - + * 任何一种都可以,如+ 我是无序列表

    加号和内容之间需要放置一个空格

    • 有序列表

    ​ 语法格式:数字+点+空格+内容,如1. 我是有序列表

    • 子列表

    ​ 在子列表前按下tab键即可构成子列表。

    八、表格

    ​ 语法格式:

    |左对齐|居中对齐|右对齐|
    |:----|:----:|---:|
    |左|中|右|
    
    左对齐居中对齐右对齐

    第二行分割表头和内容,并声明内容的对齐格式。一般而言,不这么用,感觉太费劲了,下面再介绍快捷键。

    九、代码

    • 行内代码

    ​ 语法格式:用一个反引号包起来 代码内容,代码会以主题中设置的样式出现在行内,但不会实现代码高亮。

    • 多行代码

    ​ 语法格式:代码之间分别用三个反引号包起来,且两边的反引号单独占一行

    代码内容
    

    语言:C、C++、JAVA 等

    十、高级技巧

    1. 转义

    ​ Markdown 使用了很多特殊符号来表示特定的意义,如果需要显示特定的符号则需要使用转义字符,Markdown 使用反斜杠转义特殊字符:

    \   反斜线
    `   反引号
    *   星号
    _   下划线
    {}  花括号
    []  方括号
    ()  小括号
    #   井字号
    + 加号
    - 减号
    .   英文句点
    ! 感叹号
    
    1. 行内公式(inline)用 $...$ 括起公式,公式会出现在行内。
    2. 块间公式(display)用 $$...$$ 括起公式(注意 $$ 后需要换行),公式会默认显示在行中间。
    $$
    	块间公式
    $$
    
    1. 支持HTML

    Typora

    Typora 是一款轻便简洁的 Markdown 编辑器,支持即时渲染技术,这也是与其他Markdown编辑器最显著的区别。即时渲染使得你写 Markdown 就像是写Word文档一样流畅自如。个人认为是一款很好用的 MarkDown 编辑器,特来分享给大家❤️

    软件安装

    ​ 官网下载:https://www.typora.io/windows/typora-setup-x64.exe

    ​ 阿里云:https://www.aliyundrive.com/s/wwyQpvXCcdS

    支持正版

    ​ 以下内容引用自 Typora的下载和破解|博客园

    1. 软件安装后,下载破解补丁 app.asar,并覆盖至安装路径的 resources 文件夹内,参考路径:

    D:\Typora\resources

    1. 打开 typora ,点击输入序列号


    3. 邮箱一栏中任意填写(但须保证邮箱地址格式正确),输入序列号,点击激活


    ​ 可选序列号:

    • DZTX2H-6MCQZT-QL4GCT-5EBWFX
    • G7LPKN-HP4NLD-FA3BGF-6JDQ5R
    • 3MH4Y8-YJWT37-G5JL9Y-UHNQDJ
    • 85ZPHY-ELQ9FQ-94J3VP-D92YLU
    • VEZ7NV-USYN3G-8TL2N3-DADUG4

    在Typora中书写MarkDown

    Markdown语法Typora快捷键
    一级标题#ctrl+1
    二级标题##ctrl+2
    三级标题###ctrl+3
    四级标题####ctrl+4
    五级标题#####ctrl+5
    六级标题######ctrl+6
    加粗**粗体**ctrl+B
    斜体*斜体*ctrl+I
    下划线下划线ctrl+U
    删除线~~删除线~~alt+shift+5
    创建表格ctrl+T
    创建超链接[超链接名](超链接地址)ctrl+K
    插入图片![alt](图片地址)ctrl+shift+I
    插入公式块$$公式$$ctrl+shift+M
    添加引用>内容ctrl+shift+Q
    无序列表+ 内容ctrl+shift+]
    有序列表1. 内容ctrl+shift+[
    粘贴为纯文本ctrl+shift+V
    返回Typora顶部ctrl+Home
    返回Typora底部ctrl+End
    启用/退出 源代码模式ctrl+/
    搜索ctrl+F
    搜索并替换ctrl+H
    选中光标所在行ctrl+L
    生成文档目录[toc]+Enter
    快速打开最新文档ctrl+P

    TOC从文档中提取所有标题,其内容将自动更新。

    图片插入

    ​ 插入图片除了使用插入语句外,还可以:

    • ctrl+C/V 将网络图片、剪贴板图片复制到文档中
    • 拖动本地图片到文档中

    ​ Typora 会自动帮你插入符合 Markdown 语法的图片语句,并给它添加alt

    打字机模式和专注模式

    ​ 通过 视图→→\rightarrow打字机模式/专注模式 开启或关闭:

    • 「打字机模式」使得你所编辑的那一行永远处于屏幕正中央。
    • 「专注模式」使你正在编辑的那一行保留颜色,而其他行的字体呈灰色。

    空格与换行

    • **空格:**在输入连续的空格后,Typora 会在编辑器视图里为你保留这些空格,但当你打印或导出时,这些空格会被省略成一个。
      你可以在源代码模式下,为每个空格前加一个 \ 转义符,或者直接使用 HTML 风格的 &nbps; 来保持连续的空格。

    需要说明的是,在 Markdown 语法中,换行(line break)与换段是不同的,且换行分为软换行和硬换行。

    • 软换行:在 Typora 中,你可以通过shift+enter完成一次软换行。软换行只在编辑界面可见,当文档被导出时换行会被省略。
    • **硬换行:**你可以通过 空格+ 空格+ shift+enter完成一次硬换行,而这也是许多 Markdown 编辑器所原生支持的。硬换行在文档被导出时将被保留,且没有换段的段后距。
    • **换段:**你可以通过enter完成一次换段。Typora 会自动帮你完成两次shift+enter的软换行,从而完成一次换段。这也意味着在 Markdown 语法下,换段是通过在段与段之间加入空行来实现的。
    • **Windows 风格(CR+LF)与 Unix 风格(LF)的换行符:**CR表示回车\r,即回到一行的开头,而LF表示换行\n,即另起一行。
      所以 Windows 风格的换行符本质是「回车+换行」,而 Unix 风格的换行符是「换行」。这也是为什么 Unix/Mac 系统下的文件,如果在 Windows 系统直接打开会全部在同一行内。你可以在「文件 - 偏好设置 - 编辑器 - 默认换行符」中对此进行切换。

    支持emoji 表情

    ​ 在 Typora 中,你可以用 :emoji: 的形式来打出 emoji,软件会自动给出图形的提示。

    Little Tips

    ​ 安利一个快捷键提示工具,轻量级+快捷方便。

    ​ 官网:LittleTips

    ​ 它本身支持的软件列表并不包含Typora,但给出了自定义软件快捷键的方式,所以,我就自己捣鼓了一下:


    ​ 自行选择下载:typora.json

    ​ LittleTips不含开机自启的选项,如果你想要设置成开机自启,可参考如下方法:

    1. 将需要自启动软件创建一个快捷方式
    2. win+ R,键入shell:startup,打开 「启动」 文件夹
    3. 将需要开机自启动的软件的快捷方式拖到启动文件夹中

    Typora设置图片自动上传

    Typora固然好用,MarkDown也固然好用,但图片该怎么处理?总不能自己一张张的上传,然后在复制网络连接吧,也不是不可以🤔

    ​ 下面介绍两种方式实现自动上传。

    一、使用 PicGo-Core

    下载 PicGo-Core

    • 依次点击 文件 -> 偏好设置 -> 图像 来到下图所示界面:

    • 点击位置选择 PicGo-Gore(command line)选项后,点击位置的下载或更新,在弹出的界面中选择下载。

    选择sm.ms作为图床并配置 token

    免费版存储容量 5GB,每分钟限制上传20张,每小时限制上传100张,每天限制上传200张,每周限制上传500张,每月限制上传1000张,单张图片最大5M。该图床建立于2015年,目前免费用户无法使用香港节点因此速度比较慢(白嫖党没这么多事)。

    1. 打开官网 https://sm.ms/,注册后登录。
    2. 打开该网址 https://sm.ms/home/apitoken,生成 token。


    3. 最后点击位置配置 token,放置如下代码:

    {
      "picBed": {
        "uploader": "smms",
        "smms": {
          "token": "xxxxxxxxxxxxxxxxxxxxxx"
        }
      },
      "picgoPlugins": {}
    }
    

    token 换成刚刚生成的 sm.ms 的token。

    1. 按照步骤配置好后,点击验证图片上传选项,如果提示验证成功,那么恭喜,你毕业了🎊;
    2. 拖拽图片到 typora 实现自动上传并更改 url 的功能。

    二、使用 PicGo 软件

    安装 Node.js

    ​ 下载地址:

    ​ 安装步骤:

    1. 双击``node-v16.14.2-x64.msi`进行安装。
    2. 自定义安装路径

    注意:不要勾选附加选项


    4. 安装完成记得重启电脑

    Gitee相关

    1. 打开 Gitee(官网:https://gitee.com/),如果没有账户,新建一个。
    2. 新建仓库


    3. 仓库开源设置


    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-NU4cwfWl-1649524563623)(https://gitee.com/melephant/picture/raw/master/markdown/Typora.assets/gitee-%E4%BB%93%E5%BA%93%E5%BC%80%E6%BA%90(2)].png)
    4. 生成私人令牌

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-axR1MSkP-1649524563624)(https://gitee.com/melephant/picture/raw/master/markdown/Typora.assets/gitee-%E7%A7%81%E4%BA%BA%E4%BB%A4%E7%89%8C.png)]

    注意保存好私人令牌的序列号,只显示这一次。

    安装 PicGo

    ​ 下载地址:

    在官网上下载要选择正式稳定的版本。

    ​ 安装步骤:

    1. 双击PicGo-Setup-2.3.0-x64.exe进行安装。
    2. 自定义安装路径


    3. 插件安装,选择github-plus或者gitee-uploader,二者择其一即可,我选择的是git-plus


    4. 配置 gitee,并设置为默认图床:

    token放置上述过程生成的序列号即可

    1. 重启 PicGO 软件(关闭后重新打开)。

    Typora图像配置

    ​ 重新打开 Typora,选择 文件->偏好设置->图像:


    ​ 如果出现如下选项:


    ​ 恭喜你,你拥有了自己的图床了~~

    三、我的配置

    ​ 对于我而言,我更倾向于先将拖拽到Typora的图像保存到本地,便于管理:


    ​ 最后再统一上传:

    四、注意事项

    1. 自定义的HTML中的图片无法上传,只有通过Typora创建的图像才可以。
    2. 不要在Typora上传同名的图片,如果要修改图片内容,去Gitee上传。

    ​ 既然提到了图床,那就顺带安利一个图片压缩工具:

    在获取API的时候,如果长时间未收到反馈邮件,去垃圾邮件看看,会有意想不到的收货💨

    Typora主题

    1. 使用 Typora 内置主题:点击状态栏「主题」,选择喜欢的主题样式
    2. 自定义主题:通过「文件-偏好设置-外观-打开主题文件夹」打开Typora的主题文件夹Typora\themes,将自定义的 CSS 文件导入到 themes文件夹中并重启Typora,在「主题」中选择你导入的主题样式即可

    ​ 自定义的主题样式:


    ​ 我根据他们的样式,在GitHub主题的基础上,做了小小的改动🛩️

    • melephant主题

    • melephant-2主题

    结尾

    ​ 肝了一下午终于完成了这篇惊世之作🐶,初入Typora,也参考了不少文档,一一罗列出来,在此表示感谢👍。

    ​ 完结撒花~~😀

    • 关于博主: 评论和私信会在第一时间回复。或者直接私信我。
    • 版权声明: 本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
    • 声援博主: 如果您觉得文章对您有帮助,可以点击文章右下角**【[推荐](javascript:void(0)😉】**一下。
    展开全文
  • typora使用教程

    2022-08-10 22:43:49
    为防止遗忘Markdown语法,特写了该教程。以后也要加油呀!!!

    typora使用教程

    1、多级标题的使用

    #加空格,表示一级标题

    ##加空格,表示二级标题

    ###加空格,表示三级标题

    ####加空格,表示四级标题

    typora最多支持六级标题

    2、有序列表和无序列表的使用

    “+”或“-”加空格,会生成无序列表,如下:

    • 这是+加空格生成的无序列表
    • 这是-加空格生成的无序列表

    数字加点加空格,会生成有序列表。如:1. 空格

    1. 这是有序列表

    3、任务列表生成

    1. “-空格[空格]空格”,这样变回生成任务列表
    • 这是使用Markdown语法生成的任务列表
    1. 使用鼠标右键,直接点击任务列表生成图标即可

    4、引用

    1. 使用>加空格,使用引用,如下所示:

    这是>加空格生成的引用

    1. 使用鼠标右键,直接点击引用图标即可

    5、加粗

    使用**包裹要加粗的文字,加空格即可,如:

    这是要加粗的文字

    6、超链接的使用

    1. 使用快捷键ctrl加k,即可使用超链接。在[]中输入文字,()中输入要连接的网址,如连接百度:

    百度

    1. 使用鼠标右键,直接点击超链接图标即可

    7、代码块的使用

    1. 使用Markdown语法,```选择要输入的代码语言,接着输入代码即可。示意图如下:

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-iVf6PYkA-1660142602251)(D:\typoraimage\image-20220810215135720.png)]

    1. 直接把代码粘贴进来
    2. 点击鼠标右键,点击代码块图标即可。

    8、插入图片

    1. 使用快捷键ctrl+shift+i,然后在后面输入图片的路径即可。示例如下:

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-1wDvnlkj-1660142602252)(D:\typoraimage\image-20220810215936517.png)]

    1. 点击鼠标右键,直接点击插入图片按钮

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-hTsVdKUN-1660142602253)(D:\typoraimage\image-20220810220111463.png)]

    9、插入视频

    1. 插入本地代码,使用Markdown语法:示例如下:

    1. 插入网页上的视频,比如插入B站的视频,直接点击“嵌入代码”即可。步骤为:

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-i7DZhDXi-1660142602253)(D:\typoraimage\image-20220810220906769.png)]

    代码示例为:

    10、插入水平分割线

    1. —加enter即可生成水平分割线
    2. 使用鼠标右键,直接点击插入—》水平分割线即可。

    11、添加表格

    1. 使用快捷键ctrl加T即可条件表格,表格几行几列可以自定义。
    2. 使用||包裹要添加的数据,示例如下:

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-MHLou96V-1660142602254)(D:\typoraimage\image-20220810221734436.png)]

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Hc5nIVAV-1660142602254)(D:\typoraimage\image-20220810221805075.png)]

    生成的表格如上所示。

    1. 点击鼠标右键,点击插入,点击表格即可插入表格。

    12、插入音频

    1. 使用Markdown语法:,示例如下:

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-z4lRgd3o-1660142602255)(D:\typoraimage\image-20220810222242710.png)]

    13、删除线

    使用~~,包裹要删除的内容,在按回车键即可。示例为:

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-oikpyfXd-1660142602255)(D:\typoraimage\image-20220810222602684.png)]

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-2bkam0kG-1660142602256)(D:\typoraimage\image-20220810222626454.png)]

    上述图片是删除成功之后的效果图。

    14、代码高亮

    ==包裹要进行代码高亮的内容,按空格键即可。实现效果如下所示:

    这是代码高亮的部分

    15、使用Markdown绘制流程图

    还没具体学习,😅

    16、使用emoji表情

    使用win+句号,即可调出emoji表情面板。

    17、下划线

    语法为:<u>下划线</u> 按回车键即可,示例为:

    要画下划线的内容

    18、表情符号 😄

    语法格式:输入表情符号的语法是 :smile:

    展开全文
  • 最齐的Typora使用教程

    万次阅读 多人点赞 2019-10-30 13:50:31
    最齐全的Typora使用教程 作者:水木子 目录 ## 一、Markdown与Typora介绍 1.1 Markdown介绍 Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档。 Markdown 语言在 2004 由约翰·格鲁伯...
    最齐全的Typora使用教程

    作者:水木子

    一、Markdown与Typora介绍

    1.1 Markdown介绍

    Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档。

    Markdown 语言在 2004 由约翰·格鲁伯(英语:John Gruber)创建。

    Markdown 编写的文档可以导出 HTML 、Word、图像、PDF、Epub 等多种格式的文档。

    Markdown 编写的文档后缀为 .md, .markdown

    1.2 Typora介绍与下载

    Typora编辑器让人们能更简单地用Markdown语言书写文字,解决了使用传统的Markdown编辑器写文的痛点,并且界面简洁优美,实现了实时预览等功能。

    Typora官网: https://typora.io/

    windos版本下载地址:https://typora.io/#windows

    请根据自己的电脑配置自行下载安装,过程简单,在此不多做介绍。

    二、Markdown语法

    2.1 标题

    使用 # 可以表示标题,一级标题对应一个 # ,二级标题对应两个 # 号,最多至六级标题。在Typora中,# 后要紧接着一个空格才能表示标题,否则就是普通字符。

    在Typora中,也可以使用快捷键Ctrl+1(2,3,4,5,6)表示相对应的标题。Ctrl+0表示段落。标题快捷键信息可在菜单栏中的段落选项下查看。

    2.2 字体

    • 用一对星号*括住的文本表示斜体文本,如:*要变斜体的文本*斜体文本
    • 也可以用一对下划线_括住文本来表示斜体文本,如:_要变斜体的文本_斜体文本

    也可以使用Typora的快捷键Ctrl+I来表示斜体文本。

    • 用一对**括住的文本表示粗体文本,如:**要变粗体的文本**粗体文本
    • 也可以用一对__括住的文本来表示粗体文本,如:__要变粗体的文本__粗体文本

    也可以使用Typora的快捷键Ctrl+B来表示粗体文本。

    • 用一对***括住的文本表示粗斜体文本,如:***要变粗斜体的文本***粗斜体文本
    • 也可以用一对___括住的文本来表示粗斜体文本,如:___要变粗斜体的文本___粗斜体文本

    2.3 各种线

    • 分割线,可以使用三个及以上+ 号或 * 号或 - 来表示一条分割线;

    由三个*号表示的分割线:


    由三个+号表示的分割线:

    +++(在CSDN中不代表分割线)

    由三个-号表示的分割线:


    • 删除线,可以使用一对~~括住的文本来表示删除文本,如:~~要加删除线的文本~~删除文本;在Typora中,也可以使用快捷键Alt+Shift+5来加删除线,语法相同,删除线
    • 下划线,可以使用HTML的标签<u></u>表示增加下划线的文本,如:<u>要增加下划线的文本</u>下划线;在Typora中,也可以使用快捷键Ctrl+U来增加下划线,语法也是相同的,下划线

    2.4 列表

    无序列表

    可以使用*+-标记符号来表示无序列表项,记住要在标记符号后添加一个空格,语法显示如下:

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

    结果如下:

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

    有序列表

    可以使用数字加上.再加上空格来表示有序列表,语法如下:

    1. 第一项
    3. 第二项
    10. 第三项
    

    结果如下:

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

    从结果可以看出,数字并不重要。

    嵌套列表

      • 1.1
        • 1.1.1
          • 1.1.1.2
            • 1.1.1.3
      • 2.1
        • 2.1.1
          1. 有序列表第一项
          2. 有序列表第二项

    首先使用*+-进入列表,然后回车换行,会发现系统自动生成列表第二项,此时按下Tab键,列表第二项变为第一项的子列表。按回车退出当前列表。可以在无序列表中嵌套有序列表。

      1. 一、一
        1. 一、一、一
          1. 一、一、一、一
          2. 一、一、一、二
      1. 二、一
        • 无序列表第一项
        • 无序列表第二项

    也可以在有序列表中嵌套无序列表。

    2.5 区块

    当我们想要引用别人的文章内容时,可以将其放在区块内。

    可以使用>加空格来表示区块。

    这是区块

    区块也可以嵌套

    二级区块

    三级区块

    要退出区块,同样使用Enter键即可。

    2.6 代码

    如果是一行代码,可以使用段内代码块来表示,用一对 `(数字1旁边的符号)括住代码。

    比如printf("Hello World!")

    如果是代码段,那么可以使用三个 ` 加Enter/空格+编程语言来表示。如:

    # include <stdio.h>
    void main(){
    	printf("Hello world!\n");
    }
    

    可以在代码块的右下角选择编程语言。

    2.7 链接

    链接的使用方式有两种语法,如下:

    [链接文字](链接地址)
    或
    <链接地址>
    

    我们可以使用链接打开网页,示例如下:

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

    显示效果如下:

    百度
    https://www.baidu.com/

    当鼠标移到相应的链接文字时,按住Ctrl+鼠标左键点击访问。

    链接除了可以打开相应的网页外,还可以打开本地文件,使用方式类似,不过链接地址需要使用本地文件的地址,相对地址、绝对地址均可:

    示例:

    [打开LinkTest.md文档](./LinkTest.md)
    [打开LinkTest.png照片](./img/LinkTest.png)
    

    结果如下:

    打开LinkTest.md文档

    打开LinkTest.png照片

    经测试可以打开相应的文件。但是不能使用<要打开的文件地址>来打开相应的文件,比如<./LinkTest.md>并没有表现为可链接状态。

    补充知识:

    一个小圆点.表示当前目录,故./LinkTest.md表示当前目录下的LinkTest.md文件,./img/LinkTest.png表示当前目录下的img文件下的LinkTest.png文件。

    两个小圆点..表示上一级目录。

    我们也可以使用链接来实现页内跳转,语法为:

    [链接文字](#标题文字)
    

    示例:

    [跳转到第一章第一节](#1.1 Markdown介绍)
    

    结果如下:
    [跳转到第一章第一节](#1.1 Markdown介绍)

    经测试,可以成功跳转。
    在CSDN中不支持这种页内跳转方式。

    2.8 图片

    我们也可以在Markdown文档中插入图片,语法如下:

    ![alt 属性文本](图片地址)
    
    ![alt 属性文本](图片地址 "可选标题")
    
    • 首先一个感叹号
    • 然后中括号里面写属性文本
    • 小括号里面写图片地址,后可接标题

    示例语法:

    ![本地png图片PictureTest.png](./img/PictureTest.png)
    
    ![本地jpg图片](./img/PictureTest.jpg)
    
    ![网络图片](http://static.runoob.com/images/runoob-logo.png "菜鸟教程")
    

    结果如下:

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-EqvQOozY-1572414627611)(img/PictureTest.png)]

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-SJe9oWf3-1572414627613)(img/PictureTest.jpg)]

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-o6fdyzYF-1572414627614)(img/runoob-logo.png "菜鸟教程")]

    在Typora中,也可以直接使用Ctrl+CCtrl+V来直接进行复制粘贴图片,但是,由于Markdown是需要图片的地址的,所以需要简单设置一下Typora。

    点击文件 --> 偏好设置 --> 图像,如下:

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-cJcfQ4sd-1572414627616)(img/image-20191029190539469.png)]

    可以自行设置选择将图片复制到哪个文件夹。

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-tPqjvvPS-1572414627619)(img/image-20191029190813277.png)]

    这里选择复制到指定路径,然后在下面一栏中填写./img,表示将图片复制到你正在编辑的文档同一级的img文件夹下。在下面的选项中,勾选第一、二、三项。正因为勾选了第二项,所以当我们在插入网络图片时,Typora会自动帮我们将网络图片下载到指定的路径下,前面的"菜鸟教程"图片便是如此。

    由于Markdown的特殊语法,故经常会出现图片加载失败的情况,很大的可能就是因为在指定的路径上找不到相应的图片,当然,有时候也是由于Typora的原因,重启Typora即可。

    2.9 表格

    Markdown 制作表格使用 | 来分隔不同的单元格,使用 - 来分隔表头和其他行。

    语法如下:

    |表头|表头|表头|
    |---|---|----|
    |单元格|单元格|单元格|
    |单元格|单元格|单元格|
    

    结果如下:

    表头表头表头
    单元格单元格单元格
    单元格单元格单元格

    我们可以设置对齐方式:

    • :-表示左对齐
    • -:表示右对齐
    • :-:表示中间对齐

    示例如下:

    |左对齐|右对齐|中间对齐|
    |:---|---:|:----:|
    |单元格|单元格|单元格|
    |单元格|单元格|单元格|
    

    结果如下:

    左对齐右对齐中间对齐
    单元格单元格单元格
    单元格单元格单元格

    在Typora中,我们可以使用快捷键Ctrl+T来插入表格,并选择行列,当选中表格某一单元格时,可以在表格左上角手动设置对齐方式,右上角选择更多操作。

    三、Typora与数学公式

    在本章中,重点不在于介绍如何插入数学公式,而在于如何表示数学符号。

    3.1 如何插入数学公式

    在Typora中,有两种方法插入数学公式,语法为:

    第一种方法:$数学公式$
    第二种方法:
    $$
    数学公式
    $$
    

    第一种方法表示插入行内公式(内联公式),即可以将公式插入到一行中,比如 1 + 2 = 3 1+2=3 1+2=3这样的公式。

    第二种方法表示插入行间公式(外联公式),即可以将公式插入到行与行之间,单独占据一行或者数行的空间,并且居中放置。
    1 + 2 = 3 1+2=3 1+2=3
    如果要在行间公式内换行,在换行的位置使用\\

    接下来重点介绍如何表示数学符号。

    3.2 上标下标

    上下标可以使用^_后跟相应的符号来实现。如:

    上 标 : a 1 , 下 标 : a 1 上标:a^1,下标:a_1 a1a1

    如果作为上标、下标的符号不止一个,则需要用花括号{}将其括起来。如:

    上 标 为 12 : a 12 , 下 标 为 34 : a 34 上标为12:a^{12},下标为34:a_{34} 12a12,34a34

    更多例子:
    f ( x ) = x x x e x 2 e x 2 f(x)=x^{x^x}\\ e^{x2}\\ e^{x^2}\\ f(x)=xxxex2ex2

    3.3 根号

    我们可以使用\sqrt{}来表示根号。如:

    \sqrt{2},\sqrt{5}
    

    结果为:

    2 , 5 \sqrt{2},\sqrt{5} 2 ,5

    我们也可以使用\sqrt[]{}来表示更具体的根号信息:

    \sqrt[3]{4},\sqrt[4]{10}
    

    4 3 , 10 4 \sqrt[3]{4},\sqrt[4]{10} 34 410

    3.4 上下水平线

    我们可以使用\underline{},\overline{}来表示上下水平线,如:

    $下水平线:\underline{a+b}$
    $上水平线:\overline{a+b}$
    

    结果为:

    下 水 平 线 : a + b ‾ 下水平线:\underline{a+b} 线a+b

    上 水 平 线 : a + b ‾ 上水平线:\overline{a+b} 线a+b

    3.5 上下水平大括号

    我们可以使用\overbrace{}\underbrace{} 在表达式的上、下方给出一水平的大括号

    $\overbrace{x_1+x_2+x_3}$
    $\underbrace{x_1+x_2+x_3}$
    

    结果为:

    x 1 + x 2 + x 3 ⏞ \overbrace{x_1+x_2+x_3} x1+x2+x3
    x 1 + x 2 + x 3 ⏟ \underbrace{x_1+x_2+x_3} x1+x2+x3

    当然,我们也可以在括号上添加说明,使用语法为\overbrace{}^{}\underbrace{}_{}

    $\overbrace{x_1+x_2+x_3}^{3个元素}$
    $\underbrace{x_1+x_2+x_3}_{3个元素}$
    

    x 1 + x 2 + x 3 ⏞ 3 个 元 素 \overbrace{x_1+x_2+x_3}^{3个元素} x1+x2+x3 3

    x 1 + x 2 + x 3 ⏟ 3 个 元 素 \underbrace{x_1+x_2+x_3}_{3个元素} 3 x1+x2+x3

    3.6 向量符号

    我们可以使用\vec{}来表示单个字母向量,其实也可以表示多个字母,但不美观,另两个命令\overrightarrow{}\overleftarrow{}在定义从A 到B 的向量时非常有用。如:

    $\vec{a}$
    $\vec{AB}$
    $\vec{ABC}$
    $\overrightarrow{AB}$
    $\overleftarrow{AB}$
    

    结果为:

    a ⃗ \vec{a} a
    A B ⃗ \vec{AB} AB

    A B C ⃗ \vec{ABC} ABC

    A B → \overrightarrow{AB} AB
    A B ← \overleftarrow{AB} AB

    3.7 分数

    我们可以使用\frac{}{}来表示分数,如:

    $\frac{1}{2}$
    $\frac{\sqrt{3}}{4}$
    

    结果为:

    1 2 \frac{1}{2} 21
    3 4 \frac{\sqrt{3}}{4} 43

    3.8 积分运算符

    积分运算符用\int 来生成 ,用\int_{}^{}来表示积分上下界,如:

    $\int$
    $\int_{1}^{2}$
    

    结果为:

    ∫ \int
    ∫ 1 2 \int_{1}^{2} 12

    3.9 求和运算符

    求和运算符可以使用\sum来生成,用\sum_{}^{}来表示求和上下界,如:

    $\sum$
    $\sum_{i=1}^{10}x_i$
    

    结果为:

    ∑ \sum
    ∑ i = 1 10 x i \sum_{i=1}^{10}x_i i=110xi

    求和符号的上下标在内联公式里,表现为上面那样,当在外联公式里时,表现如下:
    ∑ i = 1 10 x i \sum_{i=1}^{10}x_i i=110xi

    3.10 连乘运算符

    连乘运算符用\prod{}表示,同样地,上下标用prod_{}^{}表示,如:

    $\prod$
    $\prod_{i=1}^{10}x_i$
    $$
    \prod_{i=1}^{10}x_i
    $$
    

    结果为:

    ∏ \prod
    ∏ i = 1 10 x i \prod_{i=1}^{10}x_i i=110xi
    ∏ i = 1 10 x i \prod_{i=1}^{10}x_i i=110xi

    3.11 特殊符号

    希腊字母

    α \alpha α\alpha β \beta β\beta γ \gamma γ\gamma θ \theta θ\theta ρ \rho ρ\rho λ \lambda λ\lambda μ \mu μ\mu

    Δ \Delta Δ\Delta π \pi π\pi Ω \Omega Ω\Omega

    关系运算符

    大于>,大于等于 ≥ \geq \geq\ge

    小于<,小于等于 ≤ \leq \leq\le

    等于=,不等于 ≠ \neq =\neq\ne

    加减乘除

    加+ 减-

    × \times ×\times ÷ \div ÷\div

    3.12 矩阵表示

    我们可以使用以下格式来显示矩阵:

    $$
    \begin{matrix}
    1 & 2 & 3\\
    4 & 5 & 6\\
    \end{matrix}
    $$
    

    结果为:
    1 2 3 4 5 6 \begin{matrix} 1 & 2 & 3\\ 4 & 5 & 6\\ \end{matrix} 142536
    可是这并不是我们常见的矩阵啊,旁边的中括号呢?

    别急,我们先把上面的公式说明一下:

    • \begin{matrix}\end{matrix}说明在它们之间的是矩阵

    • 1 & 2 & 3\\表示第一行的元素,其中用&来分割每一个元素,用\\来换行

    现在我们来加括号,很简单,语法如下:

    $$
    \left[\begin{matrix}
    1 & 2 & 3\\
    4 & 5 & 6
    \end{matrix}\right]
    $$
    

    结果为:
    [ 1 2 3 4 5 6 ] \left[\begin{matrix} 1 & 2 & 3\\ 4 & 5 & 6 \end{matrix}\right] [142536]
    其实我们仅仅在\begin{matrix}前面加了\left[,在\end{matrix}后面加了\right],这样就能正确显示括号了,那我们可以将[]改为||吗,当然可以,就简单地把\left[\right]改为\left|\right|即可。

    $$
    \left|\begin{matrix}
    1 & 2 & 3\\
    4 & 5 & 6
    \end{matrix}\right|
    $$
    

    结果就能显示为行列式了。
    ∣ 1 2 3 4 5 6 ∣ \left|\begin{matrix} 1 & 2 & 3\\ 4 & 5 & 6 \end{matrix}\right| 142536
    这里仅仅介绍简单的矩阵表示,如果要了解更多矩阵表示法,请自行搜索了解,网上的资料很多。

    3.13 方程组

    $$
    \begin{equation}
    \left\{
                 \begin{array}{lr}
                 x=\dfrac{3\pi}{2}(1+2t)\cos(\dfrac{3\pi}{2}(1+2t)), &  \\
                 y=s, & 0\leq s\leq L,|t|\leq1.\\
                 z=\dfrac{3\pi}{2}(1+2t)\sin(\dfrac{3\pi}{2}(1+2t)), &  
                 \end{array}
    \right.
    \end{equation}
    $$
    

    结果如下:(CSDN不支持)
    KaTeX parse error: No such environment: equation at position 8: \begin{̲e̲q̲u̲a̲t̲i̲o̲n̲}̲ \left\{ …

    现在我们一一来解释:

    • begin{equation}\end{euqation}表示它们之间的为方程组。

    • \left\{\right.表示在方程组的左边加上{,在右边加上.,因为{在外联公式中有特殊的意义,因此需要在其前面加上转义字符\

    • \begin{array}\end{array}表示它们之间的是数组,其实这也可以用来表示矩阵。

    • {lr}表示有两列,第一列的值靠左排列,用l表示,第二列的值靠右排列,用r表示,如果是中间对齐则为c

    • 然后下面三行是方程式,用&分割,用\\换行。

    3.14 分段函数

    其实分段函数与方程组类似,示例如下:

    $$
    y=
    \begin{equation}
    	\left\{
    		\begin{array}{lr}
    		x-1 & x \leq 0
    		x+1 & x>0
    		\end{array}
    	\right. 
    \end{equation}
    $$
    

    结果如下:(CSDN不支持)
    KaTeX parse error: No such environment: equation at position 11: y= \begin{̲e̲q̲u̲a̲t̲i̲o̲n̲}̲ \left\{ \be…
    就是在\begin{equation}前加y=即可。

    四、Typora与HTML

    4.1 改变字体颜色及大小

    我们可以使用<font> </font>标签来改变字体的颜色及大小,如:

    <font size=3 color="red">字体颜色为红色,大小为3</font>
    
    <font size=4 color="blue">字体颜色为蓝色,大小为4</font>
    
    <font size=6 color="violet">字体颜色为紫罗兰,大小为6</font>
    

    结果为:

    字体颜色为红色,大小为3

    字体颜色为蓝色,大小为4

    字体颜色为紫罗兰,大小为6

    属性size表示字体大小,color表示颜色。

    4.2 改变对齐方式

    我们可以改变字体的对齐方式,用标签<p> </p>加上属性align,如:

    <p align="left">左对齐</p>
    <p align="center">中间对齐</p>
    <p align="right">右对齐</p>
    

    结果为:

    左对齐

    中间对齐

    右对齐

    4.3 插入图像

    因为CSDN不支持使用img标签修改图像,所以下面的结果都不是准确的。大家可以自己在Typora中测试。
    我们可以通过标签<img src=url />来插入图片,如:

    <img src="img/1.jpg" />
    

    结果为:

    我们可以改变<img>标签的属性,来改变图片的大小。

    <img src="img/1.jpg" width=100 height=100/>
    

    将图片的宽高均设为100,结果为:

    也可以改变图片的位置,如:

    <img src="img/1.jpg" width=30 height=30 style="float:left"/>图片在左边
    <img src="img/1.jpg" width=30 height=30 style="float:right"/>图片在右边
    

    结果为:

    图片在左边
    图片在右边

    五、扩展用法

    5.1 插入emoji表情

    我们可以使用:emoji:的语法来插入表情,比如:

    :happy:的语法为:happy:

    🦀的语法为:crab:

    🐴的语法为:horse:

    5.2 插入目录

    当我们为使用标题将文分章节后,可以在输入[toc]命令的地方自动根据标题生成目录。

    5.3 导出

    选择文件 --> 导出,可以选择导出的文件格式,有pdf,html,word等格式。

    5.4 文本高亮

    在Typora中,可以用一对==将要高亮的文本括起来,如:

    ==要高亮的文本==
    ==背景会用黄色填充==
    

    结果为:

    要高亮的文本
    背景会用黄色填充

    这个功能可在偏好设置 --> Markdown扩展语法中设置。

    5.5 上下标

    在Typora中,可以用一对~将下标括起来,如:H~2~O表示H2O

    同样,我们也可以用一对^将上标括起来,如:X^2^表示X2

    上下标可在偏好设置 --> Markdown扩展语法中设置。

    六、参考资料

    [1] 菜鸟Markdown教程:https://www.runoob.com/markdown/md-tutorial.html

    [2] 更多数学符号表达式:http://mohu.org/info/symbols/symbols.htm

    [3] Latex 方程组表示: https://blog.csdn.net/lemolemac/article/details/9057471

    [4] 菜鸟HTML教程:https://www.runoob.com/html/html-tutorial.html

    展开全文
  • Typora使用教程.doc

    2022-07-08 17:28:52
    Typora使用教程.doc
  • 练习结束即可入门Typora,精简干货,无废话
  • Typora 使用教程.md

    2019-10-09 21:37:16
    Typora使用手册,涵盖常见的Typora语法规则,让您快速上手Typora
  • 在日常工作中,需对已有的工作案例进行积累,常见的印象笔记,有道云笔记等各有优缺,本文介绍下一款小众的笔记整理工具 Typora,具有完整文档的编撰特点,值得大家一试。 二、下载链接 本软件支持win,linux ,Mac...
  • typora 使用教程

    2019-09-22 17:42:01
    typora 使用教程 转载于:https://www.cnblogs.com/wqzn/p/10036287.html
  • Typora使用方法.md

    2020-03-18 16:36:14
    这是我整理的Typora使用方法,里面记录了markdown在Typora软件里的具体使用方法,和许多使用例子

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 5,125
精华内容 2,050
关键字:

typora使用教程