Re从零开始学Web

Re Typora使用

​ 最近从亲友那里直到了一款简洁、高效、操作简单、界面美观的Markdown编辑器。

​ Markdown是一种可以使用普通文本编辑器编写的标记语言，通过简单的标记语法，它可以使普通文本内容具有一定的格式，保存后直接为md格式，Markdown中点击导入就可以使用。

1.块元素

1.1段落和换行符

​ 段落只是一行或多行连续的文本。在markdown源代码中，段落由多个空行分隔。你只需要按下Return键(回车键)就可以创建段落。按shift+Return就能换行。

1.2标题

标题在行开头使用#字符，如：

# 一级标题

## 二级标题

###### 六级标题

​ 使用快捷键ctrl+1~6也可以达到效果

1.3引用文字

Markdown使用电子邮件样式>字符进行块引用。

>引用

效果是：

引用

1.4列表

​ 输入"* + Spacebar""+ + Spacebar"或"- + Spacebar"可以创建一个无序列表。

​ 输入"1. + Spacebar"可以创建一个有序列表

* Spacebar(空格)
+ Spacebar
- Spacebar
1. Spacebar

效果如下：

1.5代码块

​ Typora仅支持Github Flavored Markdown中的栅栏式代码块。使用代码块的方式很简单:

​```[输入可选的语言标识符]

假如我选的是Javascript,那么我只需要输入```[javascript(标识符)]

function demo(){
    console.log("Hello world!");
}

1.6 表格

​ 运用"|"可以创建表格。例如我想创建一个两列的表格:

|a|b| [回车]

a	b

​ 创建一个三列的表格：

|a|b|c|

a	b	c

以此类推。

1.7 水平线

​ 输入"***“或”—"然后再按空格会绘制一条水平线，前者宽度比后者更小。

*** 

---

--- 

---

1.8脚注

​ 在Typora中你可以这样创建脚注。

[^footnote]:

1.9 插入内容块

​ 在文章顶部输入"— 回车"将引入一个内容块。

1.10 目录

​ 输入[toc]然后按回车键就会创建一个“目录”。

2.Span元素

2.1 链接

​ Markdown支持内联链接和引用链接。链接文本都写在[]内。要创建内联链接，在"[]“中写关键字,紧接着”[]“后添加一个”()","()"中填写url地址。

[百度](www.baidu.com)

百度

内部链接

​ 还可以将常规括号内的href设置为文档内的某一个标题，这样将会创建一个书签，通过这个书签就可以跳转到标题处。

参考链接

​ 参考链接使用两组方括号，如

[谷歌][google]
[google]:www.google.com

谷歌

​ 参考链接还能用隐式链接的方法使用。隐式链接允许省略链接的名称，链接文本本身将用作名称。方法如下：

[谷歌][]
[谷歌][www.google.com]

谷歌

2.2 Url网址

​ Typora允许插入Url链接。"<>"中输入Url网址即可。

<xxx@163.com>
<www.google.com>

xxx@163.com

<www.google.com>

2.3 图片

​ "“表示的是链接，那么在链接之前加上”!"就是表示图片了。具体用法如下：

![图片](相对地址)
![图片](相对地址 "标题")

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-C04BOGh2-1575979906889)(D:\Data\TheBook\Re 从零开始学Web\1.jpg)]

不过，这么做实在是太过复杂，本人并不推荐这样使用。其实仅仅只需要将图像拖进Typora中你想放入的地方就行了。

2.4 斜体

​ 通过"*“或”_"可以改变字体达到强调的作用。用这两个符号包裹你想要强调的文本就可以改变字体。效果如下：

*斜体*
_斜体_

斜体

斜体

2.5 粗体

​ 用两个"*“或”_"包裹的问题将使用粗体。如：

**粗体**
__粗体__

粗体

粗体

2.6 删除线

​ 用两个"~"包裹文本可以达到删除线的效果。

~~删除线~~

删除线

2.7 下划线

​ 下划线由HTML提供支持。

<u>下划线</u>

下划线

2.8 下标

​ 要使用下标，先在偏好设置里Markdown扩展语法选项卡中启用它。然后用"~"来包裹内容。效果如下：

H~2~o

H₂O

2.9 上标

​ 同上，不过不是用"~“包裹，而是用”^"包裹。如：

x^2^y

x²y

2.10 高亮

​ 同上。不过用"=="包裹。使用如下：

==高亮==

高亮

2.11 视频

可以使用标签嵌入视频。

<video src="#">

最后附上Typora下载地址！

​ 愿诸君武运昌隆、生活愉快！