Markdown - Typora 10分钟入门 - 精简归纳

JERRY_Z. ~ 2020 / 8 / 22

转载请注明出处!



一、简介

1.说给我们听

这篇博客是我学习使用 Markdown 及 Typora 后的个人总结,也是我人生真正意义上的第一篇博客,作为一名计算机专业的学生,我鼓励自己将所学所得积极地记录、总结和分享出来,这篇博客对我意义重大,希望大家喜欢,同时希望我将来继续保持记录与分享的好习惯!

交流方式:

QQ: 1846334075

WeChat: zhoujirui54

CSDN:https://blog.csdn.net/D_si_God

Cnblogs:https://www.cnblogs.com/JERRY-Z-J-R/

GitHub:https://github.com/JERRY-Z-J-R

Gitee:https://gitee.com/JERRY-Z-J-R

感谢:

B站 遇见狂神说:https://space.bilibili.com/95256449/

菜鸟教程:https://www.runoob.com/

以上的个人和平台为我学习 Markdown - Typora 提供了极大的帮助,在此非常感谢!

2.Markdown 简介

Markdown 是一种轻量标记语言,通过简单的语法,使普通文本具有一定的格式。

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

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

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

Markdown 当前被许多网站广泛使用来撰写帮助文档或是用于论坛上发表消息及撰写博客。例如:GitHub、CSDN、cnblogs、OSCHINA、reddit、Diaspora、Stack Exchange、OpenStreetMap 、SourceForge 等。

以上简介来自:菜鸟教程 https://www.runoob.com/

3.Markdown 编辑器简介

本博客使用 Typora 编辑器来讲解 Markdown 的语法,同时本人也极度安利大家使用这款小清新神器来撰写 Markdown 文档。Typora 支持 MacOS 、Windows、Linux 平台,且包含多种主题,页面超级简洁,功能精炼,编辑后直接渲染出效果,可为用户提供超高效的沉浸式写作体验。

Typora 编辑器支持导出HTML、PDF、Word、图片等多种类型文件。

点击进入:Typora 官网

先放一张Typora的官网首页图!对于我这种简约风格颜值控来说,简直太漂亮了!

其他 Markdown 编辑器推荐:印象笔记、VS Code、Sublime Text、Atom……


二、Typora 的安装及配置

1.进入 Typora 官网

点击链接:Typora 官网

2.右上角点击 Download

3.选择相应的系统版本

4.下载、安装

建议:安装时不要选择默认路径,不要选择带有中文的路径

5.系统会自动创建一个 Typora 桌面图标

6.打开 Typora

Typora 默认主题是: GitHub ,是不是超级简洁呢!如果你不喜欢的话还有无数的主题 ( Typora 官网可以找到一部分精美主题 ) 可供下载!同时也支持利用 CSS 样式定制个人主题,由于本blog为入门基础,所以就不一一说明了,感兴趣的话请查阅相关帮助文档!

7.文件 —— 偏好设置

为方便后序使用,建议将以下设置全部完成!

8.菜单栏设置及功能

菜单栏中还由许多设置及功能,请多多试用,并查阅相关帮助文档

9.利用 Markdown 编写文档

......具体教程请看后文

10.保存、另存为、导出……

Typora 提供了许多格式的导出,方便文档的跨平台使用


三、Markdown 语法基础

说明:此处只是列举了 Markdown 的常用语法,并不涉及如:图表、流程图等,高级的部分。Markdown 是轻量级文本标记语言,所以利用非常简单的标签来设置文本格式。下面遇到的所有代码示例均是 Markdown 格式。

1.Markdown 标题

Markdown 中一共支持六级标题

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

合理使用标题有利于在大纲模式下管理文档结构,同时也利于编排

2.Markdown 字体

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

显示效果:

斜体文本

斜体文本

粗体文本

粗体文本

粗斜体文本

粗斜体文本

~~删除线~~
<u>下划线</u>
==高亮==

显示效果:

删除线

下划线

高亮

3.Markdown 格式

Markdown^上标^
Markdown~下标~
<!--注释-->

显示效果:

Markdown上标

Markdown下标

4.Markdown 列表

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

显示效果:

  • 第一项
  • 第二项
  • 第三项
  • 第一项
  • 第二项
  • 第三项
  • 第一项
  • 第二项
  • 第三项
<!---列表嵌套只需在子列表中的选项前面添加四个空格即可-->
1. 第一项:
- 第一项嵌套的第一个元素
- 第一项嵌套的第二个元素
2. 第二项:
- 第二项嵌套的第一个元素
- 第二项嵌套的第二个元素

显示效果:

  1. 第一项:

    • 第一项嵌套的第一个元素
    • 第一项嵌套的第二个元素
  2. 第二项:
    • 第二项嵌套的第一个元素
    • 第二项嵌套的第二个元素

5.Markdown 分割线

---
***

显示效果:



6.Markdown 代码

<!--段落上的一个函数或片段的代码-->
`printf()` <!--你也可以用3个`包裹一段代码,并指定一种语言(也可以不指定)-->
​```c
#include <stdio.h> int main(void){
printf("hello, world!\n"); return 0;
}
​``` ​```python
print("hello python");
​```

显示效果:

printf()

#include <stdio.h>

int main(void){
printf("hello, world!\n"); return 0;
}
print("hello python");

7.Markdown 图片

![图片属性文本](图片路径)		<!--路径可以是本地的,也可是网络的-->

<!--Markdown 还没有办法指定图片的高度与宽度,如果你需要的话,你可以使用普通的 <img> 标签-->
<img src="图片路径" width="50%">

8.Markdown 链接

[链接名称](链接地址)	<!--第一种链接方式:带名称>

<链接地址>	<!--第二种链接方式:不带名称,只有一个链接>

9.Markdown 表格

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

显示效果:

表头 表头
单元格 单元格
单元格 单元格
<!--
我们可以设置表格的对齐方式: -: 设置内容和标题栏居右对齐。
:- 设置内容和标题栏居左对齐。
:-: 设置内容和标题栏居中对齐。
-->
| 左对齐 | 右对齐 | 居中对齐 |
| :-----| ----: | :----: |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |

显示效果:

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

10.Markdown 区块

> 区块引用

> 最外层
> > 第一层嵌套
> > > 第二层嵌套 > 区块中使用列表
> 1. 第一项
> 2. 第二项
> + 第一项
> + 第二项
> + 第三项 * 第一项
> 列表中使用区块
* 第二项

显示效果:

区块引用

最外层

第一层嵌套

第二层嵌套

区块中使用列表

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

    列表中使用区块

  • 第二项

11.Markdown 转义

<!--
\反斜杠 + 特殊符号 = 普通符号
-->
\` 反引号
\* 星号
\_ 下划线
\{} 花括号
\[] 方括号
\() 小括号
\# 井字号
\+ 加号
\- 减号
\. 英文句点
\! 感叹号

显示效果:

` 反引号

* 星号

_ 下划线

{} 花括号

[] 方括号

() 小括号

# 井字号

+ 加号

- 减号

. 英文句点

! 感叹号

12.Markdown 公式

$$
1 + 2 = 3
$$

显示效果:

$$

1 + 2 = 3

$$


四、Typora 使用技巧

1.源代码模式

点击左下角 </> 即可 进入/退出 源代码模式

Ctrl + / 快捷键:在光标所在语句的源代码与预览模式之间来回跳转

2.大纲视图

菜单栏——视图——大纲,即可开启大纲模式

3.开发者工具

Typora 提供了与浏览器相同的开发者工具,开启方式:Shift + F12 快捷键 或 右键——检查元素

利用开发者工具可以弥补 Markdown 功能的不足,用户可以根据 HTML CSS 改变文档内容使文档设计得更加完美!当然,前提条件是掌握了一定的 HTML CSS 基础知识。


五、附

本博客便是利用 Markdown 编写的,若需要源码请留言。

Markdown - Typora 10分钟入门 - 精简归纳的更多相关文章

  1. Windows & Linux 安装使用 Vim 编辑器 3分钟入门 - 精简归纳

    Windows & Linux 安装使用 Vim 编辑器 3分钟入门 - 精简归纳 JERRY_Z. ~ 2020 / 8 / 25 转载请注明出处! 目录 Windows & Lin ...

  2. Apache Shiro系列三,概述 —— 10分钟入门

     一.介绍 看完这个10分钟入门之后,你就知道如何在你的应用程序中引入和使用Shiro.以后你再在自己的应用程序中使用Shiro,也应该可以在10分钟内搞定. 二.概述 关于Shiro的废话就不多说了 ...

  3. JavaScript 10分钟入门

    JavaScript 10分钟入门 随着公司内部技术分享(JS进阶)投票的失利,先译一篇不错的JS入门博文,方便不太了解JS的童鞋快速学习和掌握这门神奇的语言. 以下为译文,原文地址:http://w ...

  4. kafka原理和实践(一)原理:10分钟入门

    系列目录 kafka原理和实践(一)原理:10分钟入门 kafka原理和实践(二)spring-kafka简单实践 kafka原理和实践(三)spring-kafka生产者源码 kafka原理和实践( ...

  5. [入门到吐槽系列] Webix 10分钟入门 一 管理后台制作

    前言 本人是服务端程序员,同时需要兼职前端开发.常用的就是原生态的HTML.Javascript,也用过ExtJS.Layui.可是ExtJS变公司后非常难用.Layui上手还行,用过一段时间,会觉得 ...

  6. [入门到吐槽系列] Webix 10分钟入门 二 表单Form的使用

    前言 继续接着上一篇的webix入门:https://www.cnblogs.com/zc22/p/15912342.html.今天完成剩下两个最重要的控件,表单和表格的使用.掌握了这两个,整个Web ...

  7. Webpack 10分钟入门

    可以说现在但凡开发Single page application,webpack是一个不可或缺的工具. WebPack可以看做是一个模块加工器,如上图所示.它做的事情是,接受一些输入,经过加工产生一些 ...

  8. 「从零单排canal 01」 canal 10分钟入门(基于1.1.4版本)

    1.简介 canal [kə'næl],译意为水道/管道/沟渠,主要用途是基于 MySQL 数据库增量日志解析,提供增量数据 订阅 和 消费.应该是阿里云DTS(Data Transfer Servi ...

  9. HTML--HTML入门篇(我想10分钟入门HTML,可以,交给我吧)

    我要正经的讲一节课,咳咳! HTML简介(废话) HTML称为超文本标记语言,是一种标识性的语言.它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整 ...

随机推荐

  1. Django学习路18_F对象和Q对象

    F 对象: 可以使用模型的 A 属性和 B 属性进行比较 写法: 需要的数据对象 = 数据表(类名).objects.filter(列名__条件=F('列名2')) 需求: 查看男生数量比女生少 的公 ...

  2. 完了!TCP出了大事!

    前情回顾:<非中间人就不能劫持TCP了吗?> 不速之客 夜黑风高,乌云蔽月. 两位不速之客,身着黑衣,一高一矮,潜入Linux帝国. 这一潜就是一个多月,直到他们收到了一条消息······ ...

  3. PHP stripcslashes() 函数

    实例 删除 "World!" 前面的反斜杠: <?php高佣联盟 www.cgewang.comecho stripslashes("Hello World!&qu ...

  4. 电脑小知识:Windows 10是用什么语言写的?到底有多少行代码?

    这是微软的内核工程师 Axel Rietschin在Quora的一个回答. Windows 10 的code base 和Windows 8.x , 7 , Vista , XP , 2000 和Wi ...

  5. 4.13 省选模拟赛 树 树形dp 卷积 NTT优化dp.

    考试的时候 看到概率 看到期望我就怂 推了一波矩阵树推自闭了 发现 边权点权的什么也不是. 想到了树形dp 维护所有边的断开情况 然后发现数联通块的和再k次方过于困难. 这个时候 应该仔细观察一下 和 ...

  6. 华为手机内核代码的编译及刷入教程【通过魔改华为P9 Android Kernel 对抗反调试机制】

    0x00  写在前面 攻防对立.程序调试与反调试之间的对抗是一个永恒的主题.在安卓逆向工程实践中,通过修改和编译安卓内核源码来对抗反调试是一种常见的方法.但网上关于此类的资料比较少,且都是基于AOSP ...

  7. “随手记”开发记录day16

    今天先对前两天增加的“修改”功能进行测试.然后进行功能的明显划分,丰富账单的添加和显示方法.

  8. GitHub/Git配置与简单的使用

    今天我开始了初步的学习,首先从陌生的开始下手,GitHub,自己通过查询网络上的资料有了初步的理解与认识.进行了Git与GitHub的配置. 一.前期准备 首先下载Git,Git官网->http ...

  9. mybatis(mysql)代码生成器扩展

    前些天在做我的KSF框架的时候需要用到mybatis代码生成器, 但是发现有一些东西需要调整,主要集中在以下几点: 1. 加入batchInsert  2. 加入batchUpdate 3. mysq ...

  10. 2020-07-26:如何用 socket 编程实现 ftp 协议?

    福哥答案2020-07-26: 功能用户输入user username.pass password注册,注册后输入dir查看服务器文件列表,输入get filename path下载文件到指定路径. ...