Skip to content

使用

使用

tstmp_20231021154204

目录

[toc]

Typora简介

MarkDown简介

Markdown 是一种轻量级标记语言,创始人为 John Gruber。它允许人们「使用易读易写的纯文本格式编写文档,然后转换成有效的 XHTML(或者 HTML)文档」。

为什么要用MarkDown

对于我而言,我选择MarkDown的原因如下:

  • 回归到内容本身,注重文章本身的结构,而不是样式

不需要考虑字体大小、颜色等,因为 Markdown 中字体样式都与结构有关,无法手动设置

  • MarkDown的语法简单,记住几个常用的就可以释放鼠标了

比如,我想要将 “这是个标题” 设置成二级标题,只需要在标题前添加# #+空格即可实现,而不需要用鼠标先选中 “这是个标题”,然后在设置成二级标题

  • 当前许多网站都支持用 Markdown 来撰写文档

如 博客园、CSDN、简书、语雀 等,有了这么多网站的支持,你可以随时随地上传本地 MarkDown 文件到博客中

Typora简介

写Markdown费事?Typora让你像写word一样行云流水,所见即所得。

Typora 是一款适配 Windows / macOS / Linux 平台的 Markdown 编辑器,编辑实时预览标记格式,所见即所得,轻巧而强大。

Typora 是一款支持实时预览的 Markdown 文本编辑器。

typora就是专为 markdown 语法打造的一款软件。

  • Typora删除了预览窗口,以及所有其他不必要的干扰。取而代之的是实时预览。
  • Markdown的语法因不同的解析器或编辑器而异,Typora使用的是GitHub Flavored Markdown

Typora 最舒服的是所见即所得的排版,以及实时渲染带来的沉浸式写作体验,非常舒服。

用官方的话描述:

Typora 提供同时读写的无缝体验,删除了预览窗口、模式切换器、markdown 源代码的语法符号以及所有其他不必要的干扰。相反,提供了真正的实时预览功能,可帮助您专注于内容本身。

Typora官网

https://typoraio.cn/#

https://store.lizhi.io/p/typora?cid=xztt6ynq#features

img

img

imgimgimg

Typora会员

Typora真的是一款良心软件,之前测试版是免费的,个人百度云盘也提供了测试版软件包,但本人强烈建议读者能够购买一个license,支持作者,89元终生价真的很便宜了!😘

img

img

img

优缺点

1.优点

👍 Typora:简单,自由,且强大

在自定义的typora主题里码字简直就是一种身心上的享受,是一种哲学观,这种感觉其他任何云笔记都无法替代,哈哈!

👍 所见即所得

Typora 具备完善的 Markdown 语法,支持插入多级标题、代码块、超链接、表格、公式等。

摒弃了传统的双栏写作,敲出来的 Markdown 立刻输出格式排版,所见即所得对新用户更友好。亦可一键切换源代码模式,高亮显示语法,满足多种使用习惯。

这个功能贼好用,自从使用这个功能后,其他的2边编写方式都是垃圾哈哈……

通常 MD 编辑器,是左边编辑,右边预览,而typora是直接你写啥直接渲染,不搞双栏。

从现在(2021年)的视角来看,这种所见即所得,即使放到现在,也没有能打的对手,更不用说在当时,有多前卫了。

不用传统的双栏模式,更符合编写习惯。

img

👍 简洁易用

Typora的界面非常简洁,没有繁琐的按钮和菜单。它专注于提供一个干净的编辑环境,使你可以专注于内容而不受干扰。

Typora 对内容不过多的干预,不需要注册帐号,数据全部存在本地,没有同步机制(在我看来,这算优点)

👍 快速和轻量级

Typora是一款快速和轻量级的Markdown编辑器,占用较少的系统资源并响应迅速。它能够在编辑大型文件时保持流畅的性能,为你提供顺畅的编辑体验。

👍 跨平台支持

Typora可在Windows、macOS和Linux等多个操作系统上运行,这意味着你可以在不同平台上保持一致的编辑体验。

支持多种操作系统:Typora不仅支持常见的操作系统如Windows、macOS和Linux,还支持ARM架构的操作系统,如树莓派系统等。这样你可以在多个平台上方便地使用Typora进行Markdown编辑。

👍 兼容性和互操作性

Typora几乎与所有常见的Markdown编辑器兼容,你可以轻松导入和导出Markdown文档,与其他人共享和协同编辑。这极大地方便了你在不同平台和工具之间的无缝切换和集成。

👍 文件导航和纲要查看

Typora提供了侧边栏文件导航功能,使你可以轻松浏览和管理大量的Markdown文件。此外,你还可以通过纲要查看功能快速导航和定位到文档的标题和段落。

想要修改文段?通过隐藏式的侧边栏可展示大纲目录,快速跳转章节。而文件树列表功能可切换到其它文章编写,非常方便。

img

快速跳转和导航

Typora提供了快速跳转和导航功能,使你可以轻松定位到文档的特定部分。你可以使用快捷键或侧边栏的目录来跳转到文档中的标题或段落,提高了文档的浏览和编辑效率。

👍 多窗口和分割视图

Typora支持多窗口和分割视图的功能,可以同时在多个Markdown文档之间进行编辑和查看。这使得你可以更方便地进行文档的比较、引用和协同编辑。

👍 足够开放

关键还可以一直优化自己的主题-.css文件(这个功能就非常强悍了!)

相比众多 Markdown 编辑器,例如 MWeb,Bear ,Typora 的主题允许自行定义,只要你懂点 CSS。

如下是我基于少数派的主题改过的 Typora 个人主题,和公众号的排版保质一致。

img

👍 沉浸式写作

通过f11快捷键可进入全屏模式,能够全身心进入编辑模式!😋

img

👍 灵活支持各图床

在粘贴或拖拽图片到写作窗口时,Typora 还能绑定 iPic、uPic、PicGo 等图床工具将其上传。

img

并且支持 Custom Command,方便集成更多第三方插件,对于博客作者来说会方便不少。

img

👍 收费

在本地使用最多的就是Typora这款软件,之前一直是免费测试版本,最近终于发布了正式版本,下面是明哥对正式版本的分享,致热爱创作或分享的我们。

在 2021.11月23日,Typora 正式发布 1.0 版本,进入了付费时代。

1.0 版本是一次性付费而非订阅的,只要支付人民币 89 元,可以在 3 台设备里使用。

img

有的人,可能会说:辣鸡,我用了这么多年,都用习惯了,终于要开割了吗?

其实不然,Typora 一直没有开源,更没有承诺过终身免费,因此对于收费这件事来说,虽说突然,但却也一点不意外。

👍 扩展性

Typora支持许多Markdown语法和扩展,包括表格、脚注、目录、数学公式等。你可以利用这些扩展来丰富和定制你的文档。

Typora 还支持插入 LaTeX 公式、绘制序列图 / 流程图,各种语言代码块皆可高亮显示,满足更多专业人士的高阶需求。

img

数学公式: 写数学公式可以去学习 LaTex 或MathJax。

LaTex挺好用的

img

img

👍 动态主题和样式&自定义主题

Typora提供了多种预设的主题和样式,包括日间模式、夜间模式等,你还可以创建自定义的主题和样式以满足个人偏好。

Typora 提供了数种风格主题,还可修改 CSS 文件,自定义专属主题样式,文字创作更舒适。

自定义样式和主题:Typora允许用户自定义编辑器的样式和主题。你可以选择不同的字体、字号、背景色等,以适应个人的审美喜好和阅读习惯。

img

除此之外,Typora 的高度自定义也体现在语法偏好设置上,支持设置是否采取严格模式、扩展语法、智能标点等等。

img

👍 增强的编辑功能

Typora具有一些实用的编辑功能,如自动补全、拼写检查、快捷键等,这些功能可以提高你的编辑效率。

👍 拥有丰富的快捷键

拥有丰富的快捷键,插入表格等复杂 Markdown 语句变得更容易。

快捷键和自动扩展:Typora提供了一系列的快捷键和自动扩展功能,可以帮助你更高效地编辑Markdown文档。这些功能可以大大加速你的编辑速度,并提供更出色的用户体验。

img

👍 竟然也可以插入视频的哦

img

img

tyora优秀的文档目录树和大纲功能

  • 使用typora的左侧文档目录树功能,可方便地把typoa做为自己的本地云笔记应用来使用,左侧是目录树层级结构,右侧是文档大纲功能,这个是非常棒的功能!
  • 这个typora结合坚果云组成的云笔记,具有无限层级目录功能,这个非常不错,有利于自己的it知识体系数据库的形成及沉淀。

img

img

👍 更多功能

还提供了专注模式 / 打字机模式、字数统计、符号补全等众多写作优化功能。

img

加上多格式导出及跨平台支持,Typora 的写作体验无疑是数一数二的。

img

Typora 简洁优雅又不失强大,无论是 Markdown 入门用户还是精通 MD 语法的老手,都能在这里体会到数字写作的魅力。

👍 md特色:图片和md文档分离

  • 问题背景

image-20231021154652190

  • 问题讨论

image-20231021154731571

👍 代码区域内可以使用列编辑模式

按住shift+alt健,然后哦用鼠标选中就好:

img

👍 新版本更新了什么

那么 1.0 的这个付费版本,到底更新了什么史诗级的新功能呢?能让作者将其做为第一个付费版本发布?

我去 CHANGELOG 上瞄了一眼,"平平无奇" 得让我有点不敢相信这就是付费版本。

img

总结起来,就两点:

  1. 支持 ARM 版本 Windows 和 Linux
  2. 在编辑数学公式时提供开关来支持是否开启使用 \ 来换行

img

新版本有 15 天的试用期,最后一个免费版本是 0.11.18,可以点这里下载 (失效了的话可以加我微信获取!)

Linux:https://wwe.lanzoui.com/igFedwzagle

MacOS:https://wwe.lanzoui.com/ip9ijwzagpi

Windows:https://wwe.lanzoui.com/i8PP3wzahrg

不过作者在 What's New? 上特别感谢了这么多年来一直使用 Typora 并且帮助 Typora 变得更好的测试者

img

而最值得一提的,可能很多人还不知道,其实 Typora 是一款国人开发的软件。

作者是 Abner Lee,在互联网上没有太多作者的介绍,我在知乎上有找到作者的帐号,不过动态非常少,唯一和 Typora 相关的动态是下面这个回答。

img

可见作者一直在用心做产品,把产品做好了,就不需要太多的营销手段, Typora 到今天能如此成功,真的是依靠口口相传的口碑。

最重要的是,作者能坚持 6 年用爱发电,就凭这个,即使 1.0 版本并没有太多亮眼的新特性,我也愿意为它付费!

img

👍 丰富的导出选项&印刷

Typora支持导出Markdown文档为PDF、HTML、纯文本等多种格式。它还提供了打印功能,可以方便地将你的Markdown文档打印成纸质版。

丰富的导出选项:除了支持常见的导出格式,如PDF和HTML,Typora还提供其他丰富的导出选项。你可以自定义导出的样式、页面布局、页眉页脚等,以及添加封面、目录等元素,满足不同需求的输出要求。

👍 特殊功能

Typora还提供了一些特殊功能,如实时目录、文档大纲、全屏模式等,这些功能能够帮助你更好地组织和浏览Markdown文档。

👍 强大的搜索和替换功能

Typora内置了强大的搜索和替换功能,方便你快速查找和修改文档中的内容。你可以进行简单的文本搜索,也可以使用正则表达式进行高级搜索。

👍 图像和文件嵌入

Typora允许你将图像和其他文件嵌入到Markdown文档中。这样,你可以直接在文档中展示和编辑图像,而不需要手动管理外部文件的链接和引用。

👍 Markdown实时表格编辑

Typora提供了一种更直观和便捷的方式来编辑Markdown表格。它允许你在表格中直接添加或删除行和列,自动调整表格的大小和格式,并提供快捷键支持和实时渲染。

👍 优秀的排序功能

更新于:2022年10月11日

🍀 各种排序方式

bash
按文件夹分组
自然排序(升序)
按文件名排序(升序)
按修改时间排序(升序)
按创建时间排序(升序)

img

🍀 推荐使用**01 02……**等方式来解决问题:

img

img

以上是按文件名进行排序的,但是却把10排在了1后面哈哈,和excel一样:

img

但是,我们可以通过如下01 02方式来命名文件,这样上面的问题就解决了哈。😘

img

👍 强大的自动完成

Typora具有强大的自动完成功能,可以自动补全Markdown标记和链接。这可以极大地提高你的编辑效率,并减少因为拼写错误或漏写标记而导致的错误。

👍 丰富的插入选项

Typora提供了方便的插入选项,可以轻松插入图像、链接、数学公式、代码块等各种元素。你可以通过简单的拖放或使用快捷键的方式插入这些元素。

👍 实时字数统计和阅读时间估算

Typora提供实时的字数统计和阅读时间估算功能,可以帮助你控制文章长度和安排时间。这对于需要控制篇幅或安排日程的写作任务非常有用。

👍 多语言支持

Typora支持多种语言界面和语法高亮,可以根据你的喜好选择不同的语言环境,或者根据你的写作需求选择合适的语法高亮。

👍 实时链接生成和跳转

Typora可以自动识别和生成链接,当你输入一个URL或是其他Markdown文档的标题时,Typora会自动将其转换为可点击的链接。你可以通过点击链接来跳转到相关的页面或是进行网页浏览。

👍 自动保存和版本控制

Typora具有自动保存功能,可以在你编辑文档时定期保存工作进度,避免因意外情况导致数据丢失。此外,Typora还支持版本控制,可以记录文档的历史版本和变更,方便回溯和恢复。

👍 支持Github风格警报框

image-20240417121645203

image-20240417122103196

2.缺点

👎 迫切功能1:希望能支持100w字大文档

  • 案例

希望typora的后续版本支持打开大文件渲染,并且不卡死(现在 typora 打开几万字的 markdown 经常卡死);一般应该不会怎么超过10w字的吧,一个m

2021年12月7日14:35:00update

image-20231021154906251

  • 案例

哈哈:打开有点慢,但还是可以接受的,几乎无感知,除非文档内容很多的吧……

image-20231021154916258

👎🏼 迫切功能2:不能随意拖动及升降标题

  • 案例(2021.12.29)

如果标题可以拖动及升降就很优秀了,这个word做的很不错;

这个需求还是非常强烈的,因为自己会在typora里进行大量的重构文章操作,排版时这个功能就很强大了哈哈;

img

👎 Typora表格无法合并,拖动窗口大小

2022年8月25日12:38:31发现

img

👎 typora不支持显示的文件类型

typora默认新建的文件格式就是.md的。

typora默认支持显示内容的文件类型有:.md .txt

typora默认不支持显示内容的文件类型有:excel, .py

  • 不支持.py,但支持.txt

img

img

👎 文档树视图为什么没有折叠功能

2022年7月19日08:05:24发现

  • 问题现象

文档树视图为什么没有折叠功能,但是大纲视图是有折叠功能的:

img

img

  • 结论

typora还亟待改进啊,文件视图最好有个折叠功能呀,不然这么多曾经目录看起来好费劲呀……🤣

img

👎 不支持自己的图床、云端同步

2021年12月7日14:34:22Update

其实 Typora 的核心卖点就是沉浸式的输入体验,其它很多,比如图床、云端同步都没有,需要自己去弄,并且现在其他 Markdown 编辑器的编辑体验其实也不差了。

Typora 是本地软件,软件自身没有云备份和图床功能。

当然,这些缺陷也是可以用第三方软件来弥补的,比如:

  • 要想有云备份功能,可以搭配第三方云备份软件,比如坚果云、iCloud;
  • 要想有图床功能,可以用 Github 或者云服务器作为图床。

👎 文件太大时,导出word感觉要好久

2022.7.13

img

img

👎🏼 typora代码框无一键复制按钮

img

👎🏼 typora里面的图片不能双击全屏显示

typora里面的图片不能双击全屏显示,这样的话,在本地编辑时,有的图片想全屏查看时,只能将其保存到本地进行查看了,有些不方便!

img

👎 typora画类图好像不太优秀哈哈

image-20231021154949138

👎 快捷键支持的太少(个人并没用到这些功能😂)-2021

img

👎 typora软件打开过程中会有3秒左右的黑屏延迟😥

  • 发现时间:2022年4月5日10:38:29
  • 结论:问题不大,希望后续版本可以修复这个bug!

👎 粘贴一张图片到typora,默认会选择这个图片-2022.6.2

  • 问题现象:

粘贴一张图片到typora,默认会选择这个图片,其实这个特性对用户不是很友好,没必要选择这个图片,直接光标放在下一个位置就好了。

这个现象只针对图床为第三方的公有云图床,本地图床不会出现这个问题。

img

👎 发生一次报错……-2022.5.23

  • 故障现象:发生一次报错,但是好像没什么影响,再次打开也是可以使用的!

img

👎 以后all笔记均要在坚果云里进行编写😥

正所谓没有十全十美的的云笔记哈哈,哈哈哈;

这个估计是typora里面的bug问题吧,新版本软件应该会修复的!

typora笔记在编辑过程中偶尔会出现卡死问题,然后可能会造成数据丢失。。。。;

因此,一定不要把数据放在本地pc,一定要放在坚果云笔记里,可以借助于坚果云的历史版本保护功能来预防这个typora的bug,否则就会造成数据丢失的。。shift。。;

自己数据丢失过一次的,就因为把数据放在本地了。。。

img

img

img

  • 2022年3月8日08:01:45 又一次出现这个bug了。。。。。无语

....fk

typora编辑着,突然怎么就出现了这个问题了呢。。。

这个现象出现了有几次了。。。无语

img

img

幸好我在坚果云有实时备份功能。。。

img

恢复后,可以看到刚才编辑的数据没有丢失。。。

img

  • 故障时间:2022年3月8日14:40:41

fk。。。这个丢失情况又出现了。。。

难道是因为文档里字符3w多,太大了吗。。。。无语啊。。。。。

img

img

👎 奇怪

📍 fk: 很奇怪,当typora里词数到1w以后,在代码块里有时不能写入内容了。除非出来在正文写入下或者重新打开md文件才可以。这个现象就很奇怪了。。难受-2022.1.2😥

难道真的要使用vscode作为md编辑器了吗,但是自己还是喜欢typora的风格。😂;

我淦,1w字就卡,这个真的有问题啊。。。。;

如果文字太多的话,尽量结合vscode使用;或者让每一个md文件的内容不要过大。

img

👎🏼 目录如果能支持自定义排序就更人性化了

目录如果能支持自定义排序就更人性化了,目前不行,只能通过数字序号指定顺序。

发现时间:

img

👎 希望可以支持本地文档版本管理功能

记得有一次,我在写一篇一万多字的文章时(是真的一万多字,不包含代码),不小心删除了文章内容,无论怎么 Command + z 回退都没用,最后在版本管理这边找到了历史版本,有惊无险。

版本管理,对于文章来说,平时可能用不太着,但要是碰到特殊情况,它就显得非常非常重要。(windows软件貌似没找到这个功能……)

img

👎🏼 本地typora数据目录太大的话,typora左侧文件栏展示需要稍微加载一会儿,但是在可接受范围内

发现时间:2023年2月8日10:30:21

img

img

放弃

Typora+坚果云:它里面的知识感觉被割裂了。

语雀:像写一本书一样慢慢地往里面添加东西。

笔记维护方式:

typora+同步盘(坚果云/百度云同步空间)

md文档编辑工具:typora

图床:不使用云端图床,而使用本地图床(是为了笔记数据完全本地化)(绝对路径:将图床目录放在同步盘里,那么多个电脑也可以同时维护md文档; 相对路径:例如文件名.assests)

上面这个方法已经很完美了,但最大的问题就是:

  1. 不能在手机端访问含相对路径图片的md文档;(利用坚果云客户端可以打开md文档,但相对路径的图片不能正常显示)
  2. 不能很方便地分享md文档;,这个就很难受了。

有没有什么方法可以解决呢?🤣

1、要么坚果云客户端支持相对路径图片的显示;

2、利用脚本将md文档转换为html,然后推送到服务器;(不可取,麻烦)

3、typora默认设置为存档本地图片,当编辑完一个md后,直接批量上传到oss,这样解决了先备份一份数据到坚果云里,然后最终文档里的图片路径为oss的。这样,在坚果云里就可以查看含图片的md文档和方便以链接的形式分享md文档了,且都是实时更新;

(🤣 最后还是放弃了这种方式:0.最主要问题:dangtypora设置为本地路径后,即使你粘贴一张oss路径的图片后,它也会强制下载并改变图片路径为本地路径的,这个就很不适合这种环境了。1.相对的还是很麻烦;2.坚果云的分享功能很不人性化,可读文档但不具有拷贝权限;3.自己md文档的图片量还是太大了;2022年10月2日20:13:06备注

虽然Typora编辑器起来体验很好,结合坚果云也不错,但是始终缺少像****语雀*那种对知识库的持续维护更新的特性及手机端不能显示图片及不能友好分享,因此,我决定放弃Typora+坚果云,进而使用语雀*作为自己的云笔记。

bash
https://bucket-hg.oss-cn-shanghai.aliyuncs.com/img/

D:\我的坚果云\LocalImages\

软件下载

==(1)官网下载==

https://typoraio.cn/

image-20231021155215956

==(2)绿色版==

链接:https://pan.baidu.com/s/1wOb01mLuBEzLpShUQmU2QQ?pwd=47wq

提取码:47wq

img

说明:

虽然提供了绿色版,但还是强烈推荐使用付费版哦,理由如下:

  1. 因为Typora是如此强大的一款良心软件,付费才是真爱哈哈;
  2. 付费版本可以享受一些持续的更新功能;
  3. Typora:简单,自由,且强大;

快捷键

File

img

FunctionHotkey (Windows/Linux)Hotkey (macOS)
NewCtrl + NCommand + N
New WindowCtrl + Shift + NCommand +Shift + N
New Tab(Not Supported)Command + T
OpenCtrl + OCommand + O
Open QuicklyCtrl + PCommand + Shift + O
Reopen Closed FileCtrl + Shift + TCommand + Shift + T
SaveCtrl + SCommand + S
Save As / DuplicateCtrl + Shift + SCommand + Shift + S
PreferenceCtrl + ,Command + ,
CloseCtrl + WCommand + W

Edit

img

FunctionHotkey (Windows/Linux)Hotkey (macOS)
New ParagraphEnterEnter
New LineShift + EnterShift + Enter
CutCtrl + XCommand + X
CopyCtrl + CCommand + C
PasteCtrl + VCommand + V
Copy As MarkdownCtrl + Shift + CCommand + Shift + C
Paste As Plain TextCtrl + Shift + VCommand + Shift + V
Select AllCtrl + ACommand + A
Select Line/Sentence Select Row (in table)Ctrl + LCommand + L
Delete Row (in table)Ctrl + Shift + BackspaceCommand + Shift + Backspace
Select Style Scope Select Cell (in table)Ctrl + ECommand + E
Select WordCtrl + DCommand + D
Delete WordCtrl + Shift + DCommand + Shift + D
Jump to TopCtrl + HomeCommand + ↑
Jump to SelectionCtrl + JCommand + J
Jump to BottomCtrl + EndCommand + ↓
FindCtrl + FCommand + F
Find NextF3 / EnterCommand + G / Enter
Find PreviousShift + F3 / Shift + EnterCommand + Shift + G / Shift + Enter
ReplaceCtrl + HCommand + H

Paragraph

img

FunctionHotkey (Windows/Linux)Hotkey (macOS)
Heading 1 to 6Ctrl + 1/2/3/4/5/6Command + 1/2/3/4/5/6
ParagraphCtrl + 0Command + 0
Increase Heading LevelCtrl + =Command + =
Decrease Heading LevelCtrl + -Command + -
TableCtrl + TCommand + Option + T
Code FencesCtrl + Shift + KCommand + Option + C
Math BlockCtrl + Shift + MCommand + Option + B
QuoteCtrl + Shift + QCommand + Option + Q
Ordered ListCtrl + Shift + [Command + Option + O
Unordered ListCtrl + Shift + ]Command + Option + U
IndentCtrl + [ / TabCommand + [ / Tab
OutdentCtrl + ] / Shift + TabCommand + ] / Shift + Tab

Format

img

FunctionHotkey (Windows/Linux)Hotkey (macOS)
StrongCtrl + BCommand + B
EmphasisCtrl + ICommand + I
UnderlineCtrl + UCommand + U
CodeCtrl + Shift + `Command + Shift + `
StrikeAlt + Shift + 5Control + Shift + `
HyperlinkCtrl + KCommand + K
ImageCtrl + Shift + ICommand + Control + I
Clear FormatCtrl + \Command + \

View

img

FunctionHotkey (Windows/Linux)Hotkey (macOS)
Toggle SidebarCtrl + Shift + LCommand + Shift + L
OutlineCtrl + Shift + 1Command + Control + 1
ArticlesCtrl + Shift + 2Command + Control + 2
File TreeCtrl + Shift + 3Command + Control + 3
Source Code ModeCtrl + /Command + /
Focus ModeF8F8
Typewriter ModeF9F9
Toggle FullscreenF11Command + Option + F
Actual SizeCtrl + Shift + 0(Not Supported)
Zoom InCtrl + Shift + =(Not Supported)
Zoom OutCtrl + Shift + -(Not Supported)
Switch Between Opened DocumentsCtrl + TabCommand + `
Toggle DevToolsShift + F12-

Typora自定义快捷键

  • 参考链接

https://support.typoraio.cn/Shortcut-Keys/#change-shortcut-keys

img

img

  • 配置文档

imgimgimg

  • 自己配置过程

img

img

css
    "keyBinding": {
        // for example: 
        "Always on Top": "Ctrl+Shift+P",
        "高亮": "Ctrl+H"
            // All other options are the menu items 'text label' displayed from each typora menu
    },

重启typora:

img

img

Typora支持自定义快捷键绑定样式

==(1)通过自定义快捷健绑定实现==

  • 效果如下

引用左边那个竖线条的颜色可以有多种的。

img

  • 是可以实现的

img

img

  • 待测试

哈哈

==(2)通过html的方式实现(不推荐)==

哈哈,不要把事情搞得这么复杂,这就违背了typora的初衷。

  • 实现方法

img

  • 效果

img

使用方法

Typora最新配置

2024年4月5日更新

通用

打开Typora,点击【文件】菜单,找到【偏好设置】。在偏好设置中点击【通用】:

配置自动保存,自动检查更新,Typora服务使用国内服务器选项:

img

外观

打开Typora,点击【文件】菜单,找到【偏好设置】。在偏好设置中点击【外观】:

配置侧边栏的大纲视图允许折叠和展开:

image-20240405090908934

编辑器

打开Typora,点击【文件】菜单,找到【偏好设置】。在偏好设置中点击【编辑器】:

关闭拼写检查

建议关闭拼写检查功能,否则,写个代码一直报红哈哈🤣

img

markdown

img

img

导出

img

图像

打开Typora,点击【文件】菜单,找到【偏好设置】。在偏好设置中点击【图像】:

img

Typora图片问题

如何快速查看md里引用图片失败的内容?(已解决)

要快速查看在Markdown文档中引用图片失败的内容,可以尝试以下几个步骤:

  1. 检查图片链接路径:首先确保图片链接的路径是正确的。请确保链接指向的是正确的文件夹和文件名,以及正确的文件格式(如.jpg、.png等)。
  2. 验证图片链接是否可访问:在浏览器中手动复制并粘贴图片链接,看是否可以正常访问。如果无法访问,可能是链接错误、文件不存在或网络问题导致。可以尝试重新生成正确的链接或确保图片文件存在。
  3. 检查文档中的语法错误:检查Markdown文档中的语法错误,确保没有遗漏的括号、引号或其他特殊字符导致链接无法解析。可以使用在线Markdown编辑器或文本编辑软件进行语法检查。
  4. 检查图片文件是否正确引用:确认在Markdown文档中正确引用了图片文件。可以使用相对路径或绝对路径引用图片,具体取决于图片文件所在的位置。在检查时,确保指定了正确的路径和文件名。
  5. 检查图片文件的格式:确保图片文件的格式正确,如.png、.jpg等。如果图片文件格式不正确,可能无法显示或被识别为其他文件类型。
  6. 检查图片文件是否存在:确认所引用的图片文件实际存在于指定的路径中。如果图片文件被移动、删除或重命名,可能导致引用失败。

通过逐一检查这些步骤,您应该能够确定在Markdown文档中引用图片失败的原因,并找到相应的解决方法。

有没有什么软件可以批量快速查看呢?例如ob软件等?

是的,有一些软件可以帮助您批量快速查看Markdown文档中的引用图片。以下是一些常用的软件:

  1. Typora:Typora是一款功能强大的Markdown编辑器,它可以即时渲染Markdown文档,并在编辑过程中显示图片。您可以通过在Typora中打开Markdown文档,快速查看引用图片是否成功加载。
  2. Visual Studio Code:Visual Studio Code是一款常用的代码编辑器,也支持Markdown文档的编辑与预览。您可以在Visual Studio Code中安装Markdown相关插件,通过预览功能快速查看Markdown文档中的引用图片。
  3. Haroopad:Haroopad是一款简洁的Markdown编辑器,它支持实时渲染和预览Markdown文档。您可以使用Haroopad打开Markdown文档,以直观的方式查看和验证引用图片是否成功。

这些软件都提供了方便的界面和实时预览功能,可以快速查看Markdown文档中的引用图片。您可以根据自己的喜好和需求选择适合的软件来进行操作。

以上为gpt的回答,哈哈🤣

==利用ob实现(已解决)==

  • typora里创建md测试,把一张图片的路径改错

image-20230902063046714

  • 用ob打开,可以看到如果图片路径错误,在ob的关系图谱里就会出现一个灰色显示,这个功能很棒哦!😘

image-20230902063129514

  • 同样,我用ob打开自己的mkdocs仓库,发现k8s调度器这个文章里有4处图片路径失败的地方

image-20230902063250814

这里开始进行清理工作:。。。

image-20230902063555891

  • 此刻,自己的mkdocs仓库就干净了,都是一个个纯净的md,完美。😘

image-20230902064423715

注意:这个是使用相对路径的当时测试出来的效果。

image-20230903093325286

如何解决typora图片问题?

bash
D:\BaiduSyncdisk\LocalImgs\image-20230107211643866.png

#备注:
以后的本地图床就是次路径了,禁止来回切换图床和数据;

D:\我的坚果云\LocalImages

D:\BaiduSyncdisk\LocalImgs

https://bucket-hg.oss-cn-shanghai.aliyuncs.com/img/

默认情况,Typora软件会把粘贴进去的图片copy到pc c盘的一个目录下面;

方法1:使用相对路径来存放当前md文件里的图片;

./${filename}_md_pictures #这个代表如何md文件里面有插入图片的话,typora会在该文件的当前目录下生成一个同名目录来专门存放图片数据的

img

img

方法2:md文件的所有图片均存放在一个绝对路径中,且使其放置在坚果云里,上传服务选择picgo即可**(目前使用此种方式)【推荐】**

因为插入图片时的动作为复制到本地路径,而不是上传图片,因此上传服务那里可以配置好picgo的配置。另外,picgo也不用设置为开机启动,有上传需求时,直接上传图片即可,这样picgo也会被启动的。

img

问题:winodws目录存放图片数量过多后会卡顿吗?

chatgpt回答

img

自己目前现状

img

进入到此图床目录后,文件夹地址栏出现进度条显示,操作图片(例如对图片的创建时间排序时),会出现卡顿情况。那么,不进去这个目录里就好了呗。一般没啥问题。

img

2023.8.24-发现的问题-typora批量拷贝剪辑下来的md图片会强制覆盖掉自己本地图床里的640.png图片。。。(==已解决==)

当前环境:win10 typorav1.6.7

1.问题现象
  • 查看当前自己本地图床640.png图片内容:

img

img

  • 此时,我从微信公众号文章利用简悦将文章导出为离线markdown,然后准备全部将里面的图片拷贝到自己本地图床时,此时发现了一个严重的问题,typora会强制覆盖自己本地图库里640.png这个图片的。。。

链接文章:

https://mp.weixin.qq.com/s/OVJttUGjreZDgnRltDYB8Q

img

离线markdown文章:

img

img

将单个图片拷贝到自己的本地图床:

img

我咧,typora竟然不重命名,直接强行覆盖了。。。。

那么值钱这样搞的,原来md里的数据会被丢失啊。。。。。

imgimgimg

再次测试,通过typora的将全部图片拷贝到**自己的本体图床**后,只有第一个图片会被强制覆盖,后面的图片都会重命名的。

img

img

2.解决办法

后续对所有剪辑下来的文章,禁止批量拷贝图片到自己本地图床,而是要阅读一遍,在阅读过程,手动拷贝图片到自己的本地图床。

img

安装Pandoc软件

typora导出word时需要

img

img

img

img

安装完pandoc后,重启typora软件,再次导出即可:

img

img

img

嵌入功能

img

css
 <div>
<embed src="C:\Users\Win\Desktop\Python编程:从入门到实践(全).pdf" width="100%" height="500">
 </div>

问题:Typora的文件和文件夹排序问题

**问题现象1:**文件和文件夹不能混合排序

用 Markdown 文件写笔记,用文件夹做分类,整个笔记文档项目构成了一个树形结构。笔记文章之间、文章与分类之间经常有特定的先后顺序,于是就在文件名前面加上数字前缀来控制排序。但是,Windows 的文件系统始终把文件夹和文件分开来排序,一般是所有文件夹排在所有普通文件之前,Typora 也采用了这种策略,这对我的笔记组织造成了一些不便。

**问题现象2:**typora自带的排序功能很奇怪,不能自定义排序

  • 按文件名排序(升序)

image-20231021170702577

  • 自然排序(升序)

image-20231021170717999

==①正文==

本文由 简悦 SimpRead 转码, 原文地址 www.shuzhiduo.com

用 Markdown 文件写笔记,用文件夹做分类,整个笔记文档项目构成了一个树形结构。笔记文章之间、文章与分类之间经常有特定的先后顺序,于是就在文件名前面加上数字前缀来控制排序。但是,Windows 的文件系统始终把文件夹和文件分开来排序,一般是所有文件夹排在所有普通文件之前,Typora 也采用了这种策略,这对我的笔记组织造成了一些不便。因此,我尝试对 Typora 的程序代码进行一些修改,以支持文件夹和文件混合排序。

Typora 是基于 Electron 的应用程序,编程语言是解释型的 JavaScript,而不是编译型语言,因此应该可以找到其执行的 JS 文件,修改其中的代码以添加我们自己的逻辑。Typora 还允许打开 DevTools,这更方便我们调试。

在 Typora 中打开 DevTools,观察到其加载了几个 JS 文件,其中一个是C:\Program Files\Typora\resources\appsrc\window\frame.js,猜测是整个应用程序窗口的代码。在文件最后添加一个alert(),重启 Typora,看到有弹窗,说明确实可以执行我们自己的代码。

Typora 中的 JS 文件都是编译压缩后的,修改前要先用 VSCode 或 WebStorm 格式化一下。因为经过编译,所以变量名、程序流程写法等都不容易阅读,需要一些耐心去理解。

在 DevTools 中查看侧边栏文件树的 DOM 结构,发现文件夹结点下的所有子文件(文件夹和普通文件)都位于.file-node-children元素中,因此,只要修改渲染这个 DOM 的逻辑,就可以实现自定义排序。

frame.js中搜索file-node-children,共有 3 处,查看、调试分析,发现了渲染文件列表的核心方法renderNode()。每个文件结点数据中,子目录结点放在subdir属性(数组)中,子文章结点放在content属性(数组)中,它们是分开排序、分开渲染的。那么,只需要合并这两个数组,放在一起一次性排序、渲染就可以实现混排了。添加代码,重启 Typora,发现成功了。

此外,还要继续分析、修改其他几处代码,才能让文件列表始终都能正确混合排序。过程类似,就略了。 好恶心呀🤣🤣

一番分析、修改、调试下来,任务就完成了。实现不难,主要是走一遍这种逆向工程,把学到的知识用起来。

==②参考链接==

https://www.shuzhiduo.com/A/gGdXegZYz4/

image-20230318160123094

软件图标

tstmp_20231021154204

故障解决

TS:typora官网打不开了,typora软件没办法更新?-2023.1.14(已解决)

  • 问题现象:typora官网打不开了,typora软件没办法更新

img

img

  • 解决办法:根据提示设置后,果然可以正常更新软件版本了。

img

img

  • 注意事项:现在默认打开的是typora官方中文站,原来的那个官方,即使连着vpn也打不开了。。。

https://typoraio.cn/

img

img

img

疑问

这个是什么符号?

记录时间:2023年8月21日

img

常见云笔记优缺点

img

一个优秀的云笔记该具有什么样的功能

  • 无离线,不笔记:云笔记必须在无网的状态下,也是可以编辑/阅读数据的,这个也是非常重要的

  • 必须具备良好的编辑和阅读体验

  • 追求自由,崇尚自由:数据必须自由

  • 我需要自己的笔记数据完全可控,由自己掌控!!!

  • 我希望我们的笔记数据是完全自由的,不与任何第三方云笔记进行绑定,数据本身和云笔记完全解耦合;

  • 笔记的最小维护单位必须是md文件,且不应该与任何平台进行数据绑定,这样方便发布到各博客平台,及方便迁移文章到其他云笔记!(以md为中心,后续持续优化里面的知识点及深度及排版,这个是非常关键的,此时好的编辑体验就显得尤为重要了)

  • 以md为中心编辑:

  • 支持 markdown 语法;

  • 遵循所见即所得的原则,不要用双屏来显示效果;(其实分栏显示这种方式会让你在写作的时候很容易分心,你写一下文章,还得停顿一下看显示效果,我认为一款好的云笔记软件是能让使用者能全身心的关注写作,不要有额外的页面和功能来打扰使用者。)

  • md文件必须要有文章目录;

  • 必须保持md文件的纯净性:md文件里只能允许常见的md语法,不能含有其他笔记自定义用法;

  • 支持多级目录:起码和markdown看齐,6级目录;

  • 搭建一套云笔笔记环境,安装方式必须简单,成本必须可控,达到开箱即用的效果

  • 返璞归真,要专注于笔记数据本身我用云笔记的目的就是为了写文章,所以用的云笔记软件都是专注于写文章的,而且还是个人使用,所以像协同工作、个人工作进度管理等这类的功,能我都不需要。如果你想要有协同工作和个人工作管理这类功能云笔记软件,推荐可以用 notion 或者 wolai,他们功能非常多,要能用起来,得去找个视频学一下。

  • 必须具备超强的搜索能力:只要是我想找的数据,都能够快速定位并获取其内容。

  • 支持图床

  • 图片地址可以被其他网站引用和显示,软件自身的图床都会有防盗链机制……;

  • 之所以我对图床功能有需求,是为了能方便将 markdown 文章一键复制到各个博客平台发布,比如CSDN、掘金、博客园、知乎等,这样就不需要将文章的图片上传到各个博客平台,所有博客平台的文章图片都用同一个图床显示,能减轻很多工作量。

  • 同步速度快

  • 数据安全且文档有历史版本及有回收站功能

  • 支持双链

  • 块功能

  • 分享功能:能够想语雀/notion一样以链接的方式把笔记分享出去给别人阅读!

  • 必须具备良好的大批量修改文章及排版的能力:因为随时自己知识的提升,会发现自己之前的笔记是真的垃圾,因此会对自己的笔记进行大面积的整合及排版,此时,这种能力就显得尤为重要了!

  • 对一个人而言,凡是需要投入很多精力去学习使用及有很多天花乱坠的功能的笔记软件,那就直接丢弃它。

  • 一个笔记应该包括如下3方面:包括碎片的思考、文档和 Wiki 三部分。

  • 拿物理世界的东西做个类比,碎片的思考相当于是彩色的便签贴,承载的是我的只言片语,或者佳句摘抄

  • 文档相当于是几张 A4 纸,承载的是我的一篇小作文,一篇文章

  • Wiki 相当于是一本小册子,承载的是体系化的内容。

选择一个优秀云笔记的重要性

  • 注意:无论哪种云笔记,总有不完美的地方,但相比之下,要选择一个适合自己需求的笔记,但笔记终归只是一个工具,知识才是核心。
  • 关于IT知识点,我们的大脑是用来理解新知识点的,原来旧知识点肯定是会随着时间的推移而遗忘掉的,因此,此时,需要用一个云笔记来完美地记录it知识点;
  • 没有十全十美的云笔记,适合自己的就好。 要记得,笔记内容才是核心,笔记内容才是核心,笔记内容才是核心!!!
  • 千万不要一直来回切换云笔记,这样是非常耗费时间的;
  • 自己的数据必须要有规律地维护起来,否则会造成数据泛滥;
  • 数据无价:一个人数据是非常珍贵的,因此重要数据必须推荐上云;
  • 一个优秀的笔记是可以提升我们的工作效率的
  • 鱼与熊掌不可兼得

本地方案

本地方案:海外服务器(不推荐)

img

https://image.abcdocker.com/abcdocker/2023/08/25/62fd780ab4d92/62fd780ab4d92.png参考这个,把后缀都拷贝到一台服务器上

本地方案新思路(在说吧)

img

img

推荐几款好用的本地markdown编辑软件

gpt-2023.8.24

以下是几款支持本地编辑的流行 Markdown 编辑软件:

  1. Typora:Typora 是一款简洁、跨平台的 Markdown 编辑器,具有所见即所得的实时预览功能,界面简洁易用。
  2. Visual Studio Code:VS Code 是一款强大的代码编辑器,支持 Markdown 扩展插件,可实现丰富的编辑和预览功能。
  3. Atom:Atom 是一款开源的文本编辑器,具有丰富的插件和主题可供选择,适合技术人员使用。
  4. Sublime Text:Sublime Text 是一款轻量级的文本编辑器,支持多种编程语言和 Markdown,界面简洁易用。
  5. MacDown:MacDown 是专为 macOS 设计的 Markdown 编辑器,界面简洁清晰,功能齐全。
  6. iA Writer:iA Writer 是一款简约的写作工具,通过清晰的界面和无干扰的编辑模式提供专注于写作的环境。

这些 Markdown 编辑软件都有各自的特点和功能,您可以根据个人喜好和需求选择适合自己的软件。请注意,有些软件可能提供高级功能需要购买或使用付费版。

希望这些推荐对您有帮助,如有其他问题,请随时提问!

为知笔记

案例:群辉:为知笔记+easyimage图床--docker

2023年9月8日记录

img

img

img

img

img

案例:为知笔记私有部署

https://www.wiz.cn/zh-cn/enterprise-private-cloud--zh-cn.html

imgimg

https://www.wiz.cn/zh-cn/introduction-docker-nas

img

https://www.wiz.cn/zh-cn/docker.html

img

VNote

  • 使用起来还是不够“自由”,感觉很迟钝……

md转换:word --> md

word类型文档如何转换成md格式的文档呢?

gpt提问:

2023年11月24日


word类型文档如何转换成md格式的文档呢?

将Word文档转换为Markdown格式的文档可以通过以下几种方法实现。Markdown是一种轻量级标记语言,适用于纯文本文档,而Word文档通常包含更复杂的格式和样式。因此,转换可能涉及到一些格式调整和手动编辑。

方法1: Pandoc

Pandoc 是一个强大的文档转换工具,支持多种格式之间的转换,包括Word到Markdown。

  1. 安装Pandoc:

    yum install pandoc    # 如果您使用的是CentOS

    或者

    bashsudo apt-get install pandoc    # 如果您使用的是Ubuntu
  2. 使用Pandoc转换:

    pandoc input.docx -o output.md

    其中,input.docx 是您的Word文档的文件名,output.md 是生成的Markdown文件名。


测试1(不理想)

pandoc input.docx -o output.md

其中,input.docx 是您的Word文档的文件名,output.md 是生成的Markdown文件名。


测试效果:

bash
pandoc-3.1.9-windows-x86_64.msi
win10

image-20231124111327005

存在的问题:

  • 无图片:。。。

image-20231124111815878

  • 表格存在问题。。。

image-20231124111921348

image-20231124111937398

测试2(不理想)

方法2: 使用在线工具

有一些在线工具可以帮助您将Word文档转换为Markdown,例如 pandoc-online。这些工具通常提供一个简单的界面,允许您上传Word文档并下载转换后的Markdown文档。

2023年11月24日

经测试:网页无法打开(已科学上网)

image-20231124110611975

方法3:利用语雀作为中转

注意事项:

  • 手动编辑: 转换后可能需要手动编辑,特别是对于一些复杂的格式和样式。
  • 图片处理: 如果Word文档包含图片,您可能需要手动将图片保存并在Markdown文档中插入相应的链接。
  • 表格处理: Word中的表格格式可能需要调整,因为Markdown中的表格格式与Word不同。

请记住,自动转换工具可能无法完美地保留所有格式,因此最终文档可能需要一些手动调整。

typora图片解决方案

见如下文章:

  • 我的数据解决方案

https://onedayxyy.cn/docs/Best-practices-for-Cloud-Notes

  • 图床方案

https://onedayxyy.cn/docs/md-ImagesBed

  • SahreX截图软件配置

https://onedayxyy.cn/docs/ShareX

typora图片

另外,新版本的将多有图片复制到……功能非常好用,复制到某个目录后,文章里的图片链接也会自动改变的,这样分享文章来也是非常容易的;

TS:typora的代码出现了格式问题-2021.11.30(已解决)

结论

默认换行符保持windows style:CRLF不变就好.

1、问题现象

我淦,typora的代码快里的代码出现了换行乱序问题。。。好无语。。。

img

奇怪的是:一篇文章里,有的代码块里的代码乱序了,有的没乱序,这个就很奇怪了。。。

img

2、排查过程

重新在一个新winodws环境安装typora后,其默认的换行是CRLF,缩进是2。

自己之前重新修改过typora的设置,修改结果为:换行是LF,缩进是4。

个人判断就是这个原因导致的结果。。。

  • typora安装后默认的换行符及缩进:

img

  • 个人typora故障时自己的环境

自己现在的版本是正式版本:1.0.2,之前老的版本也偶尔看到了这个问题。。

img

3、解决办法

将自己现在的2个笔记本的typora软件的换行符和缩进全部改成默认属性

img

🚩

需要注意的是,这里的默认缩进和下面Markdown代码块里的缩进是不一样的,我们全部保持默认即可。

前面那个是列表和引用缩进:2个空格;后面那个是markdown里面的代码块缩进:4个空格。

img

下次再进行大量赋值粘贴后,必须查看代码是否存在乱序问题;

4、验证效果

修改为原来安装属性后,我们来确认下是否会对最近编写的文档里的代码是否有影响?

这里随机查看下2个文档:

img

img

随机查看了2个文档,格式都是没任何问题的。

这个遗留问题后续再观察现象即可。

注意:vscode和typora剪切文本操作

2022年6月28日

个人在对文章批量改变排版的时候,一般会先在vscode里替换目录级别,然后再回到typoa里,再剪切到typora的新的md文档里。

这个操作起来还是有点繁琐的,因此,我们可以在vscode替换目录级别后,直接将其剪切到新的md文档里即可。

但是需要注意的是,新剪切后的md文档是否有格式上的问题?

但是自己经多次测试,发现都是正常的,没有格式上的问题。因为我们没改变里面文章的换行等内容,只是全部剪切到新的md里而已。

这里稍微注意下typora和vscode的换行是不一样的哦:

typora的windows的CRLF:

img

vscdoe的默认换行符是CL:

img

问题不大,继续按上述方法操作即可,后续稍微注意下就好。

支持Github风格警报框

image-20240417121645203

https://support.typora.io/What's-New-1.8/

image-20240417122103196

css
> [!NOTE]  
> Highlights information that users should take into account, even when skimming.

> [!TIP]
> Optional information to help a user be more successful.

> [!IMPORTANT]  
> Crucial information necessary for users to succeed.

> [!WARNING]  
> Critical content demanding immediate user attention due to potential risks.

> [!CAUTION]
> Negative potential consequences of an action.
  • 测试效果

NOTE

Highlights information that users should take into account, even when skimming.

TIP

Optional information to help a user be more successful.

IMPORTANT

Crucial information necessary for users to succeed.

WARNING

Critical content demanding immediate user attention due to potential risks.

CAUTION

Negative potential consequences of an action.

image-20240417122353246

  • 额,这个功能存在bug呀……

复制这个代码片段到新建md后,代码虽然是一样的,但是无法正常渲染效果哦……

测试时间:2024年4月19日

版本:v1.8

warning-style-error

如何提交自己主题到typora官网

官方参考文档

https://theme.typoraio.cn/doc/

https://theme.typoraio.cn/doc/Submit-A-Theme/

image-20240515074520360

image-20240515074508998

github地址

https://github.com/typora/theme.typora.io

image-20240515074751454

亲自测试

fork

image-20240515075107385

自己要发布的主题说明文件

  • 借鉴大佬的模板

image-20240515212749878

  • README文件

image-20240515212837164

typora流程图

横向流程图

mermaid
graph LR
A[方形] -->B(圆角)
    B --> C{条件 a}
    C -->|a=1| D[结果 1]
    C -->|a=2| E[结果 2]
    F[横向流程图]
mermaid
graph LR
	A[实战步骤] -->B(1.步骤1)
	A[实战步骤] -->C(2.步骤2)
    A[实战步骤] -->D(3.步骤3)

竖向流程图

mermaid
graph TD
A[方形] --> B(圆角)
B --> C{条件 a}
C --> |a=1| D[结果 1]
C --> |a=2| E[结果 2]
F[竖向流程图]

语法解释:graph 关键字就是声明一张流程图,TD 表示的是方向,这里的含义是 Top-Down 由上至下。

mermaid
graph TD;
	/-->bin;
	/-->boot;
	/-->dev;
	/-->etc;
	/-->home;
	/-->root;
	/-->run;
	/-->sbin;
	/-->tmp;
	/-->usr;
	/-->var;
	home-->alice;
	home-->bob;
	home-->eve;

时序图

语法解释:->> 代表实线箭头,–>> 则代表虚线。

mermaid
sequenceDiagram
    Alice->>John: Hello John, how are you?
    John-->>Alice: Great!

状态图

语法解释:[*] 表示开始或者结束,如果在箭头右边则表示结束;

mermaid
stateDiagram
    [*] --> s1
    s1 --> [*]

类图

语法解释:<|-- 表示继承,+ 表示 public,- 表示 private;

mermaid
classDiagram
      Animal <|-- Duck
      Animal <|-- Fish
      Animal <|-- Zebra
      Animal : +int age
      Animal : +String gender
      Animal: +isMammal()
      Animal: +mate()
      class Duck{
          +String beakColor
          +swim()
          +quack()
      }
      class Fish{
          -int sizeInFeet
          -canEat()
      }
      class Zebra{
          +bool is_wild
          +run()
      }

甘特图

甘特图一般用来表示项目的计划排期,目前在工作中经常会用到。 语法也非常简单,从上到下依次是图片标题、日期格式、项目、项目细分的任务。

mermaid
gantt
    title 工作计划
    dateFormat  YYYY-MM-DD
    section Section
    A task           :a1, 2020-01-01, 30d
    Another task     :after a1  , 20d
    section Another
    Task in sec      :2020-01-12  , 12d
    another task      : 24d

饼图

mermaid
pie
    title Pie Chart
    "Dogs" : 386
    "Cats" : 85
    "Rats" : 150

导出

绘制好的图片可以选择菜单/文件/导出,导出为图片或者网页格式。在网页中图片是以 SVG 格式渲染的,你可以复制 SVG 内容,导入到 SVG 的图片编辑器中进一步操作。

image-20230315074131759

参考文章

https://blog.csdn.net/weixin_46508703/article/details/124878818

image-20230315074157354

typora里设置锚点功能

  • 需求

希望在typora里能设置锚点功能。

  • 配置方法
html
## <a href="#test1">去锚点</a>
## <a name="test1">锚点</a>
  • 效果

Vlook:typora导出增强

https://madmaxchow.github.io/VLOOK/index.html#vlook™-是什么

image-20240818054228649

关于我

我的博客主旨:

  • 排版美观,语言精炼;
  • 文档即手册,步骤明细,拒绝埋坑,提供源码;
  • 本人实战文档都是亲测成功的,各位小伙伴在实际操作过程中如有什么疑问,可随时联系本人帮您解决问题,让我们一起进步!

🍀 微信二维码 x2675263825 (舍得), qq:2675263825。

image-20230107215114763

🍀 微信公众号 《云原生架构师实战》

image-20230107215126971

🍀 个人博客站点

http://onedayxyy.cn/

image-20231021104335916

image-20231021104405837

🍀 csdn

https://blog.csdn.net/weixin_39246554?spm=1010.2135.3001.5421

image-20230107215149885

🍀 知乎

https://www.zhihu.com/people/foryouone

image-20230107215203185

最后

好了,关于本次就到这里了,感谢大家阅读,最后祝大家生活快乐,每天都过的有意义哦,我们下期见!

image-20231016062113861

1

最近更新