原文:cnblogs.com/hyacinthLJP/p/16123932.html
作者:MElephant 最近,我发现了一个非常好的Typora教程,想分享给大家。
前言
一次偶然的机会,我接触到了.md文档,于是开始探索,无意间结识了编辑器Typora。
MarkDown 简介
Markdown 是一种轻量级标记语言,由 John Gruber 创建。 它允许人们“以易于阅读和编写的纯文本编写文档,然后将其转换为有效的 XHTML(或 HTML)文档”。
为什么使用 MarkDown
对我来说,选择 MarkDown 的原因如下:
MarkDown的句型很简单,记住几个常用的就可以释放键盘了
目前很多网站都支持使用Markdown来编写文档
MarkDown 的基本句型 1. 标题
句子格式:#+空格+标题,一个#为一级标题,两个##为二级标题,这样就支持六级标题
2. 字体 3. 参考文献
句子格式:>+引用文本
引用也可以嵌套:
比如添加两个>>
三>>>
支持无线套娃~~
四、分割线
句子格式:可以使用三个或三个以上-或*,如***
5. 图片
句子格式:![alt](图片地址''标题'')
alt是指图片链接失败时显示的提示文字,可加也可不加。 title是图片的标题,鼠标移到图片上时显示的内容,可以添加也可以不添加
如果要调整图像大小,有两种形式:
右键图片,选择缩放图片,句子格式变为
,20%可以通过HTML调整自行调整,格式如下:
"border-radius: 20px;"
src="Typora.assets/baymax.jpg"
alt="baymax"
width="688" >您还可以使用以下代码为图片添加图例:
"border-radius: 20px;"
src=""
alt=""
width="688" >
<div style="color: #999; padding: 2px;">
图注
大家好,我是Baymax,您的医疗伴侣。
我使用的博客园主题不支持缩放代码,所以我选择使用HTML来调整图像大小。 在放置设置圆角的代码后,我意识到我使用的主题也不支持 border-radius:weary:
6. 超链接
句子格式:[超链接名称](超链接地址)
7. 清单
无序列表
句子格式:无序列表使用-+*,如+我是无序列表
减号和内容之间需要有一个空格
有序列表
句子格式:数字+点+空格+内容,如1.我是一个有序列表
子列表
在子列表前按 Tab 键可形成子列表。
8. 表格
句子格式:
|左对齐|居中对齐|右对齐|
|:----|:----:|---:|
|左|中|右|
第二行分隔标题和内容,并声明内容的对齐格式。 总体来说没有那么好用,而且我觉得太费力了,所以下面介绍一下快捷键。
九、代码
句子格式:用逗号包裹代码内容,代码会以主题中设置的样式出现在该行中,但代码不会突出显示。
句子格式:用三个反逗号包裹代码,两边的反逗号占一行
语言代码内容
语言:C、C++、JAVA等
10. 先进方法
Markdown 使用了很多特殊符号来表达特定的含义。 如果需要显示特定符号,则需要使用通配符。 Markdown 使用反斜杠通配符特殊字符:
反斜线
` 反引号
* 星号
_ 下划线
{} 花括号
[] 方括号
() 小括号
# 井字号
+ 加号
- 减号
. 英文句点
! 感叹号
$$
块间公式
$$
支持 HTML Typora
Typora 是一款轻量且简单的 Markdown 编辑器,支持即时渲染技术,这是与其他 Markdown 编辑器最明显的区别。 实时渲染使您能够像编写Word文档一样流畅地编写Markdown。 我个人认为是一款非常好用的MarkDown编辑器,在这里分享给大家❤️
软件安装
官网下载:
阿里云:
支持正版
以下内容引用自Typora的下载和破解 | 博客园
软件安装后html添加空格,下载破解补丁app.asar,覆盖安装路径的resources文件夹中,参考路径:D:Typoraresources
打开typora,点击输入序列号;
邮箱任意填写(但邮箱地址格式必须正确),输入序列号,点击激活。
可选序列号:
DZTX2H-6MCQZT-QL4GCT-5EBWFX
G7LPKN-HP4NLD-FA3BGF-6JDQ5R
3MH4Y8-YJWT37-G5JL9Y-UHNQDJ
85ZPHY-ELQ9FQ-94J3VP-D92YLU
VEZ7NV-USYN3G-8TL2N3-DADUG4
在 Typora 中编写 MarkDown
Markdown 句型 Typora 快捷键
TOC 从文档中提取所有标题,并且其内容将手动更新。
图片插入
插入图片不仅仅使用插入句子,还可以:
Typora 会手动为你插入符合 Markdown 句型的图画句子,并为其添加 alt。
打字机模式和对焦模式
通过视图→打字机模式/对焦模式打开或关闭:
空格和换行符
需要注意的是,Markdown句型中,换行符与段落符不同,换行符分为软换行符和硬换行符。
支持表情符号表情
在 Typora 中,你可以使用 :emoji: 方法来输入表情符号,软件会手动给出图形提示。
小提示
安利是一款快捷键提示工具,轻巧+快捷方便。
官网:小Tips
本身支持的软件列表中不包括Typora,但是它给出了自定义软件快捷键的形式,所以我自己摆弄了一下:
自行下载:typora.json
LittleTips 不包含启动时自动启动的选项。 如果你想设置开机自动启动,可以参考以下方法:
Typora 设置图片手动上传
Typora 还是好用,MarkDown 还是好用,但是图片怎么处理?不能自己一张一张上传,然后复制网络连接,也不是不可能
下面介绍两种实现手动上传的方式。
1. 使用PicGo-Core
下载 PicGo-Core
点击File->Preferences->Image,进入如右图所示界面:
点击①选择PicGo-Gore(命令行)选项,点击②进行下载或更新,在弹出的界面中选择下载。
选择 sm.ms 作为镜像床并配置 token
免费版本存储容量为5GB,每分钟上传限制20次,每小时上传限制100次,每晚上传限制200次,每周上传限制500次,每月上传限制1000次,单张图片最大5M。 图床建于2015年,目前免费用户很难使用台湾节点,所以速度比较慢(白嫖党就没有那么麻烦)。
最后点击③配置token,放置以下代码:
{
"picBed": {
"uploader": "smms",
"smms": {
"token": "xxxxxxxxxxxxxxxxxxxxxx"
}
},
"picgoPlugins": {}
}
该令牌替换为刚才生成的 sm.ms 令牌。
按照步骤配置完成后,点击验证图片上传选项,如果提示验证成功,恭喜你,你已经毕业了;
将图片拖放到typora中,实现手动上传和修改url的功能。
2.使用PicGo软件
安装 Node.js
下载链接:
安装步骤:
双击node-v16.14.2-x64.msi进行安装。自定义安装路径
注意:不要勾选附加选项
安装完成后记得重新启动笔记本电脑。
Gitee相关
打开Gitee(官网:),如果没有账号,请新建一个。
新仓库
仓库开源设置
生成私人代币
注意保存私有令牌的序列号,并且只显示这一次。
安装PicGo
下载链接:
到官网下载选择即将发布的稳定版本。
安装步骤
双击PicGo-Setup-2.3.0-x64.exe进行安装。自定义安装路径
插件安装,选择github-plus或者gitee-uploader,两者选第三个,我选择git-plus。
配置gitee并将其设置为默认镜像床:
将上述过程生成的序列号放入token中,然后重新启动PicGO软件(关闭后再打开)。
Typora 镜像配置
重新打开 Typora,选择 File->Preferences->Image:
如果出现以下选项:
恭喜你,你拥有了属于自己的图床~~
3.我的配置
对我来说,我更喜欢将拖放到 Typora 的图像保存在本地,以便于管理:
最后一起上传:
四、注意事项
自定义 HTML 中的图像无法上传,只有 Typora 创建的图像可以。 请勿在 Typora 上上传同名图片。 如果您想更改图片内容,请上传到Gitee。 既然提到了图床,我们就来安利一款图片压缩工具:
获取API时,如果长时间没有收到反馈邮件,去垃圾邮件看看,会有意想不到的回执
Typora 主题
使用 Typora 的外部主题:点击状态栏的“主题”,选择自己喜欢的主题风格 自定义主题:通过“文件 - 首选项 - 外观 - 打开主题文件夹”打开 Typora 的主题文件夹 Typorathemeshtml添加空格,添加自定义的导出 CSS文件复制到themes文件夹并重启Typora,在“Theme”中选择你导出的主题风格,即可自定义主题风格:
莫主题
莫暗主题
馅饼主题
派暗主题
根据他们的风格,我根据GitHub主题做了一个小改动️
大象主题
大象2主题
结尾
希望这篇Typora保姆级教程能够对你有所帮助。 如果这篇文章对您有帮助,您可以连续给我点赞3次,就是最大的支持!
徐亮花了一个半月的时间开发了Linux命令课程,欢迎订购学习!
课程特色:
150条高频命令详细汇总,可应对工作中95%的命令需求;
问答群提供无限量问答服务,问答群气氛很好;
总时长超过10小时,与大班课时长相竞争。
长按下方卡片即可下单
强烈推荐腾讯大鳄录制的Shell实战案例课程(已授权):
大路在腾讯工作6年,在大厂工作十余年,经验丰富;
大鳄根据自己在大工厂的工作经验总结了100个案例,超级实用!
学完这100个案例,我的Shell编程水平一定有很大提高;
问答群提供无限量的问答服务,问答群内的气氛非常好。
长按下方卡片即可下单
相关文章
- html5表单新属性-Html5中级-3HTML5表单验证(验证属性、验证状态) 2024-05-01
- html好看的字体样式-20种CSS编码方法让你更高效 2024-05-01
- html相对定位与绝对定位-CSS绝对定位、相对定位和文档流 2024-04-28
- html邮件模板编辑器-Amazon html SMS,创建电子邮件模板 - Amazon Pinpoint 2024-04-28
- html文本框怎么设置-解读HTML中设置边框的三种形式 2024-04-28
- Web后端切割是什么意思? (html剪切图片是什么) 2024-04-27
- html程序员培训-HTML基础知识点(知识点太多,程序员很难理解如何构建自己的知识体系) 2024-04-27
- html5空格代码-关键词标签:专业制作网站时如何解决Dreamweaver中的空间问题? 在上海建立一个网站 www 2024-04-27
- html5编写软件-你用什么软件写html代码? 2024-04-27
- html5编写软件-html编程用什么软件? 2024-04-27