1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > Markdown标记语法Typora编辑器零基础入门新手学习使用总结教程

Markdown标记语法Typora编辑器零基础入门新手学习使用总结教程

时间:2020-02-18 08:24:11

相关推荐

Markdown标记语法Typora编辑器零基础入门新手学习使用总结教程

Markdown标记语法Typora编辑器零基础入门新手学习使用总结教程

下载链接

官方网址:https://typora.io

Typora快捷键整合

注: 一些实体符号需要在实体符号之前加”\”才能够显示

文本样式

标题

编写:#*1~#*6+标题

这是一个一级标题

这是一个二级标题

这是一个三级标题

这是一个四级标题

这是一个五级标题
这是一个六级标题

斜体

编写:*斜体文本*

我是斜体

加粗

编写:**加粗文本**

我是加粗文字

斜体加加粗

编写:***斜体加加粗文本***

我是斜体加粗文字

下划线

编写:1.选中文字快捷键Ctrl+u;2.html语法:在加下划文字被<u></u>标签包裹;

我是加下划线的文字

高亮(文件>偏好>Markdown下勾选语法,重启软件)

编写:==高亮文本==

我是高亮文本

上下标

下标(同高亮勾选语法)

编写:~下标~ 或 <sub>文本</sub>,例:H~2~O

水 H2O

上标(同上)

编写:^上标^ 或 <sup>文本</sup>,例:面积:m^2^

面积:m2

换行符

编写:1,空格+空格+回车;2,<br/>

表情符号

编写::+表情英语+:列::smile:,:cry:

😢😄💯

表格

编写:内容1|内容2——分隔单元格;-分隔表头和其它行,—符号一个即可例:fruit|price-----|-----banana|2.3¥watermelon|0.6¥

表格分隔线左右两侧加上:实现左右内容对齐,若两边同时使用:符号则居中对齐。例:fruit|price:-----:|:-----:banana|2.3¥watermelon|0.6¥

Ctrl+T快捷键可直接创建表格,在表格右上角调节内容对齐方式

引用

> + 引用内容>> +嵌套引用内容

我是一级引用

我是二级引用

列表

无序列表

编写:1,`* `+内容(注意*号与内容间的空格,回车后列表会继续往下生成)2,`+ `+内容3,`- `+内容

li1li2li3

有序列表

编写:数字+`. `(注意.后的空格,回车后序数按自然顺序往下排)

firstsecondthird

代码

代码块

编写: ```+回车,或```+语言+回车(代码块左下角有语言提示)

#include <stdio.h>#include <stdlib.h>//我是Cint main(){printf("Hello world!\n");return 0;}

文件>偏好设置>Markdown>代码块下勾选行号,在代码块中将显示行号

行内代码

编写:`代码内容`

我是行内代码

分割线

编写:1.***+回车;(三个符号或更多)2.---+回车;3.___+回车;(下划线)

跳转(Windows/Linux下按住Ctrl点击跳转)

外部跳转

编写格式:[link text](link)例:[百度一下](/?tn=48021271_11_hao_pg)

百度一下

内部跳转

编写格式;[link text](要去的目的地——标题)例:[点击回到开头](# Markdown标记语法Typora编辑器零基础入门新手学习使用总结教程)

[点击回到开头](# Markdown标记语法Typora编辑器零基础入门新手学习使用总结教程)

自动链接

编写格式:<超链接> (里面内容转化为超链接)例:</>

/

图片

网上图片

编写格式:![自己起的图片名](图片链接)例:![猫猫老师](/search/detail?ct=503316480&z=0&ipn=d&word=%E5%A4%8F%E7%9B%AE%E5%8F%8B%E4%BA%BA%E5%B8%90&step_word=&hs=0&pn=2&spn=0&di=38170&pi=0&rn=1&tn=baiduimagedetail&is=0%2C0&istype=0&ie=utf-8&oe=utf-8&in=&cl=2&lm=-1&st=undefined&cs=1325220501%2C3453714904&os=1530429199%2C3148524533&simid=4106675339%2C701786422&adpicid=0&lpn=0&ln=1315&fr=&fmq=1596078672672_R&fm=&ic=undefined&s=undefined&hd=undefined&latest=undefined&copyright=undefined&se=&sme=&tab=0&width=undefined&height=undefined&face=undefined&ist=&jit=&cg=&bdtype=0&oriquery=&objurl=http%3A%2F%2Fb-%2Fuploads%2Fitem%2F03%2F06%2F0306193517_ZJeEu.thumb.700_0.jpeg&fromurl=ippr_z2C%24qAzdH3FAzdH3Fooo_z%26e3B17tpwg2_z%26e3Bv54AzdH3Fks52AzdH3F%3Ft1%3Dblmca8nb0&gsm=3&rpstart=0&rpnum=0&islist=&querylist=&force=undefined)

本地图片

编写格式:![自己起的图片名](本地存储路径或相对路径)例:![哇噢](assets/猫猫老师.jpg)

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-5CYM6iI9-1596101246448)(assets/猫猫老师.jpg)]

原图:

粘贴图片

使用方式:图片剪切软件剪切->Ctrl+v粘贴到相应位置(例:qq Shift+Alt+A 截图)图片路径设置:文件>偏好设置>图像自行调整

个人习惯如下:

画图

流程图(graph)

概述

graph 方向描述 图表中的其它语句...

关键字graph表示一个流程图的开始,后面要加上该图的方向描述。

方向用词:

graph LRA-->BB-->Cc-->DD-->A

创建方式

编写:```mermaid+回车graph LR; A-->BB-->Cc-->DD-->A

A,B,C,D,F表示流程中各部分区块的代称

流程图常用符号及含义

节点形状

单向箭头线段表示:表示流程进行方向

id为节点的唯一标识(网页识别id),A-E是节点名字,类似变量名,画图时方便后续简写引用

括号内是流程区块显示的文字,默认节点的名字和显示的文字都为A,默认形状为矩形

例子:

连线
子表图(subgraph)
使用以下语法添加图表(嵌套在表图里)

编写:subgraph 子表图名称子表图中的描述语句...end

补充知识

视图

大纲视图

打开方式:1,视图>大纲视图2,Ctrl+Shift+1

示例:

显示根据标题级数缩进,一级标题~六级标题依次增加。

文档树视图

打开方式:1,视图> 文档树视图2,Ctrl+Shift+3

示例:

根据当前目录往上找,形成文档数树。

源代码模式

打开方式:1,视图> 源代码模式2,Ctrl+/3,软件右下角点击</>

以markdown代码形式浏览文件

开发者工具

打开方式:1,视图> 开发者工具2,Shift+F12

可看生成当前页面的代码进行调整

修改一级标题的字体颜色列:

添加主题

方式:步骤1,文件>偏好设置>外观>获取主题步骤2,在typroa主题官网寻找相应的主题并点击步骤3,点击download下载步骤4,打开下载后的安装包,剪切相应主题文件如下vue主题的3个文件步骤5,文件>偏好设置>外观>打开主题文件夹,将文件粘贴到文件中步骤6,主题下选择喜欢的主题

typroa主题官网节选:

所选文件

导出文件

文件>导出+选择导出的文件的类行

导出其它类型的文件

如图得到的HTML文件

最后:附上小编的学习途径, 哔哩哔哩搜索视频资源如下

Markdown保姆级教程之基础篇(Typora使用教程)

Markdown保姆级教程之基础篇(Typora使用教程)

–上述有什么不足之处,欢迎指正😄​。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。