Typora 精美而强大的Markdown编辑器 转

Typora 精美而强大的Markdown编辑器

Markdown编辑器千千万，但是有颜值、功能强而且免费的，就没有几个了。以前一直在用Mou，分屏预览模式方便得很，是一个很是好的选择。不过这篇可不是要推荐你们去用Mou，毕竟它只支持Mac这一平台，若是感兴趣的话能够去官网观摩一下Mou。

最近我开始转投新阵营Typora了，它简洁、跨平台、所见即所得，而且可定制性高，功能强大。

这篇文章只说两点，Typora的一些有用的设置以及修改代码块(Code Fences)样式。

开启有用的特性

开启行内公式特性支持
Typora默认已经支持数学公式了，只须要输入$$后敲击回车键便可开始填写公式，不过这样只能使用行间模式(display)，若是咱们须要使用行内模式(inline)的话，就须要手动开启了。

打开Typora的偏好设置，选择「Markdown」这一选项，在「Markdown Support」这里能够看到有5个选项，分别是：行内公式、下标、上标、高亮以及图表功能。


Markdown选项
这些选项默认是没有勾选的，咱们将「Inline Math」勾选上，就能够开启行内公式的特性支持了，使用方式是在两个$间填写公式，如:$E=mc^2$。

注意: 在「Markdown」选项卡下的全部更改，都须要重启Typora才会生效。

来看一下行内公式和行间公式的效果:

公式演示
开启关键词高亮特性
在作一些文摘和笔记的时候，咱们有时候须要对某些重点的段落或关键词进行醒目的标注，开启「Highlight」这一特性的支持，可让咱们方便地使用高亮功能来进行标注。使用时只须要将想要高亮的段落或关键词用==包裹起来便可，如:==高亮特性==。

开启图表绘制功能
使用markdown写东西的时候，不免会须要用到图表，例如流程图、甘特图等，这时候要切出去使用Viso等工具绘制以后导出成图片格式再导入到markdown中使用，就略显麻烦了，若是遇到一些错误须要修改，就得从新来一遍，效率什么的就荡然无存了。

好在Typora有图表绘制的功能提供给咱们，不过它默认是没有开启的。一样是在「Markdown Support」里，将「Diagrams」勾选便可开启。


流程图

以上这个流程图，是这样绘制的:

​  ```flow

​  st=>start: Start

​  op=>operation: Your Operation

​  cond=>condition: Yes or No?

​  e=>end

​  st->op->cond

​  cond(yes)->e

​  cond(no)->op

​  ```

若是发现错误，只须要修改一点文字就能够搞定，岂不快哉～

关于图表这一特性的支持，这里将不做太多的演示，详细内容请各位看官移步到官方提供的内容查看 -Draw Diagrams With Markdown

其余特性
除了以上提到的，还有一些有很方便的特性能够选择性开启，例如Emoji自动补全的特性，默认是须要输入以后按ESC键的，开启以后只须要输入文字就会自动出现候选的emoji，开启位置是在「Editor」选项里。使用方法是在输入:和任意一个英文字母后，就会自动出现候选emoji，你能够用方向键选择好你要的emoji后敲击回车键，将会自动补全，或者本身手动输入完整，如:smile:。

在「Appearance」选项里能够开启数字统计功能，统计的结果是实时显示在Typora标题栏右侧的。

最后再提一个特性，对常常贴代码的程序猿们是很是有用的，就是显示行号。在「Markdown」选项里，勾选「Code Fences」这一项，而后重启Typora便可开启这一特性。

修改代码块样式
Typora的代码块语法高亮使用的是CodeMirror实现的，因此须要更换代码块的样式，咱们能够去CodeMirror提供的主题里下载样式表文件进行修改。

我我的最喜欢的当属基于Sublime Text的Monokai样式了，在这里能够看到样式内容。替换本身喜欢的样式到Typora，只须要两步便可:

把样式表的内容复制粘贴到主题目录themes下的base.user.css或[theme].user.css样式表文件内，其中[theme]表示对应的主题的名字，我使用的主题是Github，因此我修改的是github.user.css文件。粘贴进去以后把.cm-s-monokai统一改为.cm-s-inner，使用查找替换功能能够瞬间完成 :)

在以上样式的底部，添加代码块的基础样式到样式表中，如font-family, color还有background等属性，完成后的样式表内容应该是相似这样的:

/* Based on Sublime Text's Monokai theme */

.cm-s-inner.CodeMirror { background: #272822; color: #f8f8f2; }

.cm-s-inner div.CodeMirror-selected { background: #49483E; }

.cm-s-inner .CodeMirror-line::selection, .cm-s-inner .CodeMirror-line > span::selection, .cm-s-inner .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); }

.cm-s-inner .CodeMirror-line::-moz-selection, .cm-s-inner .CodeMirror-line > span::-moz-selection, .cm-s-inner .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); }

.cm-s-inner .CodeMirror-gutters { background: #272822; border-right: 0px; }

.cm-s-inner .CodeMirror-guttermarker { color: white; }

.cm-s-inner .CodeMirror-guttermarker-subtle { color: #d0d0d0; }

.cm-s-inner .CodeMirror-linenumber { color: #d0d0d0; }

.cm-s-inner .CodeMirror-cursor { border-left: 1px solid #f8f8f0; }

.cm-s-inner span.cm-comment { color: #75715e; }

.cm-s-inner span.cm-atom { color: #ae81ff; }

.cm-s-inner span.cm-number { color: #ae81ff; }

.cm-s-inner span.cm-property, .cm-s-inner span.cm-attribute { color: #a6e22e; }

.cm-s-inner span.cm-keyword { color: #f92672; }

.cm-s-inner span.cm-builtin { color: #66d9ef; }

.cm-s-inner span.cm-string { color: #e6db74; }

.cm-s-inner span.cm-variable { color: #f8f8f2; }

.cm-s-inner span.cm-variable-2 { color: #9effff; }

.cm-s-inner span.cm-variable-3 { color: #66d9ef; }

.cm-s-inner span.cm-def { color: #fd971f; }

.cm-s-inner span.cm-bracket { color: #f8f8f2; }

.cm-s-inner span.cm-tag { color: #f92672; }

.cm-s-inner span.cm-header { color: #ae81ff; }

.cm-s-inner span.cm-link { color: #ae81ff; }

.cm-s-inner span.cm-error { background: #f92672; color: #f8f8f0; }

.cm-s-inner .CodeMirror-activeline-background { background: #373831; }

.cm-s-inner .CodeMirror-matchingbracket {

  text-decoration: underline;

  color: white !important;

}

/**apply to code fences with plan text**/

.md-fences {

  background-color: #272822;

  color: #f8f8f2;

  border: none;

}

.md-fences .code-tooltip {

  background-color: #272822;

}

注意: 若是主题目录themes下没有对应的.css文件，本身手动建立便可。

就这样，代码块样式的修改已经完成了，最终效果以下:


codefences

有话说

Markdown这么好的东西你还不赶忙用起来？那什么word啊、pages啊，哪儿能了啊，专一写做才是正道嘛！

好马配好鞍，一个称手编辑器可让你更好地进行写做，Typora用起来～

PS: 本文旨在安利Typora，不会对市面上众多的markdown编辑器进行对比和评测，只要好用并且对口味就行了，不是吗？

typora 快捷键

无序列表：输入-以后输入空格

有序列表：输入数字+“.”以后输入空格

任务列表：-[空格]空格 文字

标题：ctrl+数字

表格：ctrl+t

生成目录：[TOC]按回车

选中一整行：ctrl+l

选中单词：ctrl+d

选中相同格式的文字：ctrl+e

跳转到文章开头：ctrl+home

跳转到文章结尾：ctrl+end

搜索：ctrl+f

替换：ctrl+h

引用：输入>以后输入空格

代码块：ctrl+alt+f

加粗：ctrl+b

倾斜：ctrl+i

下划线：ctrl+u

删除线：alt+shift+5

插入图片：直接拖动到指定位置便可或者ctrl+shift+i

插入连接：ctrl+k

About Typora——关于 Typora

Preferences——偏好（设置）——⌘，

Check for Updates——检查更新

Services——服务

Hide Typora——隐藏 Typora——⌘H

Hide Other——隐藏 Other——⌥⌘H

Show All——显示所有

Quit Typora——退出 Typora——⌘Q


File——文件

New——新建——⌘N

Open..——打开 .——⌘O

Open Recent——打开最近

Open Quickly...——快速打开——⇧⌘O

Open File Location——打开文件位置

Close——关闭——⌘W

Save...——保存——⌘S

Duplicate——另存为——⇧⌘S

Rename——重命名

Move To...——移动到

Revert To——恢复

Export——输出

Page  Setup...——页面设置——⇧⌘P

Print...——打印——⌘P


Edit——编辑

Undo——撤消——⌘Z

Redo——重作——⌘Y

Cut——剪切——⌘X

Copy——复制——⌘C

Paste——黏贴——⌘V

Delete——删除

Copy  As  Markdown——另存为Markdown——⇧⌘C

Copy  As  HTML Code——另存为超连接代码——⌥⌘C

Paste  As  Plain  Text——另存为纯文本——⇧⌘V

Select  All——全选——⌘A

Select  Line/Sentence——选择行/句子——⌘L

Select  Styled  Scope——选择段落——⌘E

Select  Word——选定单词——⌘D

Jump  To——跳到...()

Math  Tools——数学工具

Image  Tools——图片工具

Find——寻找

Spelling  and  Grammar——拼写和语法

Substitutions——替换

Speech——语音

Start  Dictation…——开始听写

Emoji  &  Symbosls——表情 & 符号——⌃⌘Space


Paragraph——段落

Heading  1——标题1——⌘1

Heading  2——标题2——⌘2

Heading  3——标题3——⌘3

Heading  4——标题4——⌘4

Heading  5——标题5——⌘5

Paragraph——段落——⌘0

Table——表格——⌘T

Code  Fences——代码栏——⌥⌘C

Math  Block——数字块——⌥⌘B

Quote——引用——⌥⌘Q

Ordered  List——顺序列表——⌥⌘O

Unordered  List——无序列表——⌥⌘U

Task  List——任务列表——⌥⌘X

List  Indentation——列表缩进

Link  Reference——参考连接——⌥⌘L

Footnotes——脚注——⌥⌘R

Horizontal  Line——水平线——⇧⌘-

Table  of  Contents——目录

YAML  Front  Matter


Format——格式

Strong——粗体——⌘B

Emphasis——重点（倾斜）——⌘I

Underline——下划线——⌘U

Code——代码——⇧⌘`

Strike——中划线——⌃~

Comment——评论

Hyperlink——超连接——⌘K

Image——图片——⌥⌘I

Clear  Format——清除格式——⌘\


View——查看

Source  Code  Mode——源代码模式——⌘/

Focus  Mode——聚焦模式——⇧⌘R

Typewriter  Mode——打字机模式

Toggle Outine Panel——面板切换——⇧⌘B

Always  On  Top——老是在上面

Full  Screen——全屏——⌃⌘F


Window——窗口

Minimize——最小化——⌘M

Zoom——变焦（伪全屏）

转自 https://www.jianshu.com/p/45e284645d30