| |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
-> 开发工具 -> 工具--MarkDown+Typora详解 -> 正文阅读 |
|
[开发工具]工具--MarkDown+Typora详解 |
工具–MarkDown+Typora详解零、文章目录一、MarkDown1、MarkDown是什么Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档。 Markdown 语言在 2004 由约翰·格鲁伯(英语:John Gruber)创建。 Markdown 编写的文档可以导出 HTML 、Word、图像、PDF、Epub 等多种格式的文档。 Markdown 编写的文档后缀为 .md, .markdown。 常用markdown编辑器,种类繁多,自己选择自己喜欢的产品
2、MarkDown基本语法标题使用 # 号可表示 1-6 级标题,一级标题对应一个 # 号,二级标题对应两个 # 号,以此类推,标题内容和**#**之间空格隔开。 代码:
效果: 字体一个星号或者下划线包起来标识斜体,两个星号或者下划线包起来标识粗体,三个星号或者下划线就是两个效果的叠加粗体+斜体。 代码:
效果: 斜体文本 分隔线你可以在一行中用三个以上的星号、减号、底线来建立一个分隔线,行内不能有其他东西。你也可以在星号或是减号中间插入空格。下面每种写法都可以建立分隔线。 代码:
效果: 删除线如果段落上的文字要添加删除线,只需要在文字的两端加上两个波浪线 ~~ 即可 代码:
效果:
下划线下划线可以通过 HTML 的 标签来实现 代码:
效果: 带下划线文本 列表
代码:
效果:
代码:
效果:
代码:
效果:
区块引用
Markdown 区块引用是在段落开头使用 > 符号 ,然后后面紧跟一个空格符号 代码:
效果:
一个 > 符号是最外层,两个 > 符号是第一层嵌套,以此类推。 代码:
效果:
代码:
效果:
如果要在列表项目内放进区块,那么就需要在 > 前添加四个空格的缩进 代码:
效果:
代码高亮如果是段落上的一个函数或片段的代码可以用反引号把它包起来实现高亮 代码:
效果:
代码段可以用 ``` 包裹一段代码,并指定一种语言(也可以不指定) 代码:
效果:
链接中括号包住链接名称,小括号包住链接地址,用来标记链接名称和地址需要区分的地址。或者直接尖括号包住链接地址。 代码:
效果: 图片开头一个感叹号 !,接着一个方括号,里面放上图片的替代文字,接着一个普通括号,里面放上图片的网址(可以是网址或者相对路径或者绝对路径),最后还可以用引号包住并加上选择性的 ‘title’ 属性的文字。 Markdown 还没有办法指定图片的高度与宽度,如果你需要的话,你可以使用普通的 img标签。 代码:
效果: 表格
代码:
效果:
代码:
效果:
html标签不在 Markdown 涵盖范围之内的标签,都可以直接在文档里面用 HTML 撰写。目前支持的 HTML 元素有: 代码:
效果: 使用 Ctrl+Alt+Del 重启电脑 转义Markdown 使用了很多特殊符号来表示特定的意义,如果需要显示特定的符号则需要使用转义字符,Markdown 使用反斜杠转义特殊字符。 代码:
效果: 文本加粗 二、Typora1、Typora是什么Typora是一款轻便简洁的Markdown编辑器,支持即时渲染技术,这也是与其他Markdown编辑器最显著的区别。即时渲染使得你写Markdown就想是写Word文档一样流畅自如。 正式版本现已收费,beta版本是不收费的,但是官网地址下载极慢。Beta免费版本百度网盘地址](https://pan.baidu.com/s/1F6bRpOLGoiBqnIlBIAdv2A) 提取码:1234。 2、Typora常用功能(1)文件系统
(2)偏好设置文件->偏好设置
(3)打字机模式/专注模式你可以在
(4)实时预览所见即所得,输入markdown标签立即渲染效果。 (5)图片插入Typora 的图片插入功能是广受好评的。Markdown 原生不太注重图片插入的功能,但你可以在 Typora 中直接使用 更强大的是,Typora 支持在拖动或 (6)大纲显示Typora 会根据你 Markdown 标记的 H1、H2、H3…… 各级标题为你呈现一个大纲。 (7)一个伪装成文本编辑器的浏览器Typora 是一个伪装成文本编辑器的浏览器。当你按下 Typora 利用解析器先将我们写的 Markdown 文档解析成为 HTML 文档,再为它嵌入一个 CSS 样式,最后再加上可能需要的脚本等。 由于其本身「浏览器」的属性,你可以直接在实时预览界面用 3、Typora快捷键标题(Ctrl+1(2,3,4,5,6))字体(Ctrl+I斜体,Ctrl+B粗体)删除线(Alt+Shift+5)下划线(Ctrl+U)代码高亮(Ctrl+Shift+`)代码段(Ctrl+Shift+K)链接(Ctrl+K)图片(Ctrl+C,Ctrl+V直接复制粘贴)插入图片(Ctrl+Shift+I)表格(Ctrl+T)显示隐藏侧边栏(Ctrl+Shift+L)显示大纲(Ctrl+Shift+1)显示文档(Ctrl+Shift+2)文档搜索(Ctrl+Shift+F)内容搜索(Ctrl+F)源代码模式(Ctrl+/)4、Typora扩展markdown语法高亮用两个等号包起来就能实现高亮 代码:
效果: 高亮效果 上下标~包起来实现下标,^包起来实现上标 代码:
效果: H2O 5、Typora主题Typora其实就是伪装成文本编辑器的浏览器,Typora主题本质就是一套样式文件。你可以在 官网提供很多其他的样式下载,将下载的文件放到主题目录下,重启程序就可以选择新的主题了。 除此以外,如果你有一定的 Web 编程基础,你当然也可以自己修改适合你使用需求的 CSS 文件。按下 6、Typora+Gitee实现云笔记功能Typora本身没有云同步功能,不同电脑之间想要共享比较麻烦,借助版本管理工具可以实现机器之间的文件同步。Typora写的md文档是文本文件,非常适合使用版本管理工具来进行管理备份追踪每次修改的内容。 三、Typora+PicGo+Gitee实现高效图床
自己写的md文档插入的图片只能在本地看,需要发给他人需要连带图片一起发给别人。如果上传CSDN,图片需要额外上传,一篇文章图片很多的时候就会非常麻烦。 有了图床(一般是指储存图片的服务器)之后,图片存在远程服务器上,本地文档只存储图片的图床网络连接,分享的时候或者上传CSDN都不需要额外再处理图片。 Typora+PicGo+Gitee三者的结合,可以让上传图片到图床向贴图到本地md文档一样简单方便,提高效率,不需要额外去上传图片再将图片链接在贴到md文档中。 1、下载安装PicGoPicGo下载地址直接下载windows版本即可,如果github很难打开的话,可以直接百度网盘下载提取码:1234。安装就是下一步下一步直到结束。 2、Typora中配置PicGoTypora打开文件->偏好进入配置页面,设置成插入图片时上传图片,上传的服务器就把PicGo的安装路径填进去。 3、Gitee配置
这里勾选不一定全部勾选,只勾前面两个即可 4、PicGo配置
安装gitee上传插件
配置文件名使用时间戳,防止上传的文件名称重复导致上传失败
填上仓库名称(用户名/仓库名),填上token(gitee生成的私人令牌) 5、验证功能在Typora 中插入一张图片,然后去gitee 仓库中查看是否有新的文件,成功上传并显示。 |
|
|
上一篇文章 下一篇文章 查看所有文章 |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年12日历 | -2024/12/25 12:52:45- |
|
网站联系: qq:121756557 email:121756557@qq.com IT数码 |
数据统计 |