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©right=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使用教程)
–上述有什么不足之处,欢迎指正😄。