Typora教程

教程 专栏收录该内容
3 篇文章 0 订阅

Typora教程

  1. 帮助快速配置理想的Typora环境
  2. 快速学习Markdown语法
  3. 学习难点,学习Latex数学公式

偏好设置(即Typora的配置)

点击 文件 选项卡,然后点击偏好设置:

在这里插入图片描述

进入偏好设置后,往下翻,将MarkDown扩展语法全部勾选:

在这里插入图片描述

再将图片插入部分设置成如下的样子

在这里插入图片描述

改变文本样式

  • 强调文本

Markdown代码:

*强调文本* _强调文本_

预览效果:

强调文本 强调文本

  • 加粗文本

Markdown代码:

**加粗文本**

预览效果:

加粗文本

  • 标记文本

Markdown代码:

==标记文本==

预览效果:

标记文本

  • 删除文本
    Markdown代码:
~~删除文本~~

预览效果:

删除文本

  • 引用文本
    Markdown代码:
> 引用文本
>
> 我就是引用文本

预览效果:

引用文本

我就是引用文本

  • 简单的下标
    Markdown代码:
H~2~O

预览效果:
H2O

  • 上标
    Markdown代码:
2^10^

预览效果:
210

插入图片

如果是存放在该Markdown文件下的已有文件,则输入以下代码插入图片:

![图片名字](路径/文件名称)

现在我们举个例子,我们分两种情况:已经存在于Markdown所在目录中的图片和随便从网上截图下来的图片。讨论这两种情况的插入方法

  1. 已经存在于Markdown所在目录中的图片
![gif文件](Typora教程.assets/001.gif)
ps:gif文件也是可以插入Markdown文档展示的呢,而且这个是相对路径(也可以是绝对路径)

预览效果如下:

在这里插入图片描述

  1. 随便从网上截图下来的图片

Typora中,对于新添加的图片直接拖过来就行了:

![gif文件](Typora教程.assets/001.png)

ps:这个代码是图片拖过来的时候Typora自动生成的代码,
至于为什么该临时从网上截下来的图怎么也保存在Typora教程.assets,是因为
之前偏好设置里面设置了“图片插入”这个部分的相关设置,使得Typora能够将临时
生成的图片自动保存到正在编辑的Markdown文件关联的assets文件夹中。

输入以上代码后

在这里插入图片描述

插入漂亮的代码

为了能让文档更具可读性,Markdown还有专门针对于各种编程语言的文本框,生成特定语言的文本框后,就能在文本框中写入代码,而且代码看起来十分的美观,预览效果如下:

  1. 汇编语言(assemble)
mov rbx, 1 ; i
    mov ecx, dword [n]
    sumLoop:
    mov rax, rbx ; get i
    mul rax ; i^2
    add qword [sumOfSquares], rax
    inc rbx
    loop sumLoop
  1. C语言
printf("Hello World!\n");
  1. python语言
import matplotlib
x=[1,2,3,4]
y=[20,30,50,80]
plot(x,y)
print("你好啊!")

具体的Markdown代码语法如下:

​```语言名称
想要写入的该语言的代码
​```

这里也举一个例子:

生成C语言代码框的Markdown代码如下:

​```c
printf("Hello World!\n");
​```

预览效果如下:

printf("Hello World!\n");

在Markdown显示Markdown源码

输入如下代码:

​```markdown

上面会显示一个只用于显示Markdown代码的框,这样就可以既能让别人看到Markdown的源代码,又能让别人看到MarkDown代码展示的效果了

比如我现在在Markdown代码框中写入代码如下:

:happy:
:angry:

上面Markdown代码中的Emoji表情的Markdown代码只会原样呈现,但不在Markdown代码框的Emoji表情的Markdown代码就会显示表情,效果如下图:

:happy:
😠

生成一个适合的列表

  • 项目
  • 你好
  1. 项目1
  2. 项目2
  • 计划任务

  • 完成任务

创建一个表格

一个简单的表格就是这么创建的:

羞耻多羞耻
不好不友好

甘特图

Mon 06 Mon 13 Mon 20 已完成 进行中 计划一 计划二 现有任务 Adding GANTT diagram functionality to mermaid

如何创建一个脚注

一个具有注脚的文本。[^1]

链接引用

一个引用,关于你不好的说明

完成上述效果的源代码如下:

在这里插入图片描述

UML图标

张三 李四 王五 你好!李四, 最近怎么样? 你最近怎么样,王五? 我很好,谢谢! 我很好,谢谢! 李四想了很长时间, 文字太长了 不适合放在一行. 打量着王五... 很好... 王五, 你怎么样? 张三 李四 王五
链接
长方形
圆角长方形
菱形

传统的流程图

Created with Raphaël 2.2.0 开始框 处理框 判断框(是或否?) 输入输出框 结束框 子流程 yes no

Emoji表情和各种符号

Markdown代码如下:

:happy:
:angry:
ps:在输入完第一个冒号后,输入一个字母后会有各种符号的推荐框.

预览效果如下:

:happy:
😠

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值