Typora 地表最强Markdown编辑器之一
本文最后更新于 30 天前,如有失效请评论区留言。

前言

前几天与小伙伴交流时,发现一个怪事:自己好像没有专门地讲过Markdown和一款常用的Markdown编辑器Typora

对于为什么要选择Markdown,我在《Linux基础 学习Linux前要准备什么》一文中已经略作介绍。在我的日常工作、学习和创作的流程中,MarkdownTypora非常底层。平时,我只用Markdown来记录笔记,没有使用其它效率工具;但也没有觉得很不方便。毕竟,工作流程越简单越好,这样我就不需要花费许多精力学习和维护它。此外,我在博客中创作文章的过程也是用Markdown。至于LaTeX和Word,我只在某些正式的场合才使用它们。

了解了Markdown的好处后,下一步就是选一个称手的编辑器。Typora其实是在我一开始接触Markdown时就知道的编辑,那时候它还是开发中的项目,现在已经是个收费项目了。免费的测试版还是可以用的,不过它会经常跳出让你付费的窗口(*▔^▔*) ,有点烦人。官网价是89元3次永久激活。听说是可以破解的,自己想办法,我是支持Typora开源工作吧,大家都不容易。买软件和买饭、买衣服是一样的,都是花钱满足需求。特别是生产力工具,我觉得是要高于生活基本需要的,所以从不吝啬。价格也不是很贵(最主要原因)(~ ̄▽ ̄)~

这期,我准备向大家水一下Typora编辑器,然后简单讲讲小白专用的Markdown的语法。此外,在正式使用Markdown之前,希望大家有一个可以稳定使用的图床。如果你没有自己的图床,可以先看看《学习地图》中的“图床”系列。毕竟,Markdown要配合图床使用,才是真正的生产力工具!

Typora设置

我工作状态时的Typora界面如下(GIF截图工具是ShareX),有编辑界面和源代码界面,通过Ctrl+/互相切换:

Typora_ncZi3ompWL

这个源代码就是纯文本,你直接粘贴到任何一个Markdown编辑器里都可以正常地解析(前提是你使用的是标准的Markdown语法)。不过,上面的演示并不是Typora的默认样式,我使用了自定义主题Vue。下面我和大家讲一些比较实用的Typora设置。

主题

作为颜控,拥有Typora的第一件事就是要找个好看的主题。就像WordPress博客一样,Typora也是有主题的喔!Typora官网提供了一些主题:https://theme.typora.io。我自己用的这个主题叫typora-vue-theme,是在Github里下载的。你也可以在Github里找一下别的Typora主题,估计开源的主题不少。总有一款适合你!我觉得Vue主题界面简洁清爽,颜色搭配也很协调,几经周转最终还是选择了它作为默认主题。下面,我以安装typora-vue-theme示范Typora主题的一般安装和使用方法!

首先,我们先进入偏好设置

Jrml5erQkl

打开主题文件夹

NVIDIA_Share_xi4mFNxfk0

最后,将主题css文件和对应的字体文件夹复制到themes目录下,重启Typora即可:

NVIDIA_Share_FAsQdSnd7k

如果成功,可以在主界面的主题选项中找到Vue主题,选中它就生效了:

YEBeK3DP2M

一般主题的README文档会说明如何安装。有些主题的安装就会复杂一些,比如VLOOK主题。但总体上,我觉得即便是技术小白也可以轻松地hold住给Typora安装自定义主题的操作。

下面,我们还讲一下如何调整编辑器宽度,这对于大多数人而言可以改善阅读和写作体验。

源码界面宽度

大家可以用Everything之类的检索软件快速定位base-control.css文件。

image-20220622195046489

找到 #typora-source 下的 .CodeMirror-lines 中的 max-width(搜索时用#typora-source .CodeMirror-lines可以快速定位)。比如下图是800px,你可以改1200px之类的,保存后重启Typora生效。自己看看效果如何吧!

NVIDIA_Share_aW6BFpIDgz

编辑器界面宽度

我们去刚刚安装主题的文件夹里:文件–偏好设置–外观–主题文件夹。然后,编辑你目前使用的主题css文件,比如我这里是vue.css。搜索 #write ,找到下面类似的代码,修改其中的max-width参数即可。保存文件重启Typora生效。

NVIDIA_Share_GUbEdYnBCy

快捷键

一般来说,常用的快捷操作主要集中在视图格式选项中。

在视图中,显示/隐藏侧边栏源代码模式比较常用。

6o3kOrCL5t

在格式中,加粗超链接比较实用,这两个快捷键用得好,在Typora里用Markdown是很舒服的。其它快捷键,比如上标、下标那些,我也只是偶尔用用。

image-20220622194007550

还有Ctrl+c是复制、Ctrl+v是粘贴、Ctrl+f是搜索,基本所有Windows软件都通用的。Ctrl+Shift+v是无格式粘贴,这个也很实用,可能有小伙伴不知道这个(~ ̄▽ ̄)~ 至于在实际中还有哪些快捷键好用,要靠你自己摸索喽!总体上,在Typora中使用快捷键还是蛮简单的。

你可以按自己的习惯修改快捷键。修改快捷键的地方在:文件--偏好设置--通用--高级设置--conf.user.json,可以用Notepad++打开。修改完保存并重启Typora即可生效:

NVIDIA_Share_RJsaSxQHlt

基本Markdown语法

我日常频繁使用的Markdown语法并不多。下面我进行几个基础的Markdown语法示范。百度上找一下,教程很多!我平时基本上也只运用了下面少数技巧,就可以写出层次分明的博客文章。在下面的GIF动图中,Typora所见即所得的特性真的是表现得淋漓尽致呢!也许,这就是Markdown爱好者喜欢用Typora的原因之一吧!

标题

一般是用#来写。一级标题是#,二级标题是##。以此类推。

Typora_6MPv9JsFu6

列表

一般是+号或者是-号。我个人比较喜欢用+号:

Typora_rfIGTqdalO

备注

打个>,按空格键即可产生备注效果。如图:

Typora_aHUKs9CS8z

高亮

除了加粗,高亮也是一种比较常用的强调效果。一般是用`内容`来产生。比如:

Typora_H59nA8s8dW

代码

一般是用` ` `来表示。一般还可以指定所有的编辑语言,比如` ` `bash之类的。拥有漂亮的代码高亮是Markdown最令人心动的特性之一呢!在下图的示范中,我先打出` ` `bash,然后按Enter键,它就会自动地生成一个代码框。请看图:

Typora_ENfeNDf0gs

图片

示范时网速有点抓急(~ ̄▽ ̄)~ ,毕竟Chevereto部署在国外VPS里

按我的教程设置好图床后,在别处Copy图片过来,Ctrl+v就可以粘贴图片并自动上传:

Typora_PnCeJmbzie

一般图片的格式就是![](图片链接)。所以在Markdown里,只保存图片的链接,不保存图片本身。这与Word等文档很不相同。

小结

简单地介绍了Markdown和Typora,希望对小白们有所帮助呀!Markdown其实有更高级的用法,比如写数学公式、Mermaid之类的,这些按需学习即可。多写多用,慢慢的,Markdown就变成一种生活中的普通语言了。加油喔!

参考

版权声明:除特殊说明,博客文章均为Bensz原创,依据CC BY-SA 4.0许可证进行授权,转载请附上出处链接及本声明。 如有需要,请至学习地图系统学习本博客的教程。加Telegram群可获得更多帮助喔! | 博客订阅:RSS | 广告招租:留言板 | 博客VPS |
暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇