zoukankan      html  css  js  c++  java
  • MarkDown的黄金搭档Typora编辑器

    让你成为热爱写作的程序员

     

    学习编程的小伙伴,要养成记笔记的好习惯,并发布到博客上去与同行分享你的学习经验,那么传统的文本编辑器或多或少会不尽人意,效率低,而且码字体验与写代码完全不一样。

    下面推荐一款适合程序员码字风格,可用于普通文本排版的编辑器:Typora

    Typora

    平台:多平台(macOS、Windows、linux)

    这是一款极致简洁的 markdown 编辑器。简洁到什么程度呢?它甚至连编辑工具栏都没有!

    ▲Typora 上想找这样的工具栏?不存在的

    熟悉 markdown 的小伙伴或许会知道,markdown 只需通过简单的标记语法,就能将普通文本内容定义为特定的格式,所以 Typora 并没有编辑工具栏。

    ▲常见的 Markdown 语法和键盘快捷键

    这样轻松方便的的文本编辑器,简直就是佛(lan)系(ren)编辑们的必备神器。用它来码文,鼠标都可以省了,完全依赖键盘进行文本编辑,这感觉就跟在飞一样。

    比如说,我需要添加多啊啊啊级标题,我只需要输入以下代码+文字:

    #这里是笔尖星球

    ##这里是笔尖星球

    ###这里是笔尖星球

    后按下回车,就能得到以下效果▼

    如你所见,在文本排版上,只需根据 markdown 语法,Typora 就能轻松实现。除此之外,Typora 还支持便捷的表格插入,代码、公式编辑等功能。

    1.**表格**

    在工具栏中选择 paragraph — Table,即可设置表格的行列数。

    ▲设置行列数

    例如键入“ 3列×4 行”之后点击“OK”,就能得到一个你想要的表格。

    ▲设置完成后的表格

    表格的上方有一条工具栏,除了可以对单元格内元素进行对齐设置外,工具栏最左侧还可以快捷二次更改表格的行列数。

    ▲快捷二次更改表格

    2.**代码**

    插入代码的语法和其他 markdown 并没有区别,同样支持“行内代码”和“行间代码块”。比如我需要在文本里插入一段 java 代码:

    我只需输入:

    ```java

    然后按回车,Typora 就会弹出一个代码文本框,在里面输入刚才选择的编程语言代码,它会自动识别并且有颜色标注。

    最终代码显示效果如下▼

    3.**公式**

    Typora 支持 Latex 的公式编辑,公式编辑几乎和代码编辑的使用方法相同,同样分“行内公式”和“行间公式”:

    ①行内公式用两个 $ 包裹起来

    ②行间公式可以使用 $$ + enter 插入

    ▲Typora公式插入

    光标所在位置输入Latex的数学公式的语法,在Preview窗口会有实时预览效果,便于调整。

    4.**自定义主题**

    ▲Typora 自带主题

    Typora 自带 5 款主题,而且风格都十分简约。个人目前使用的是默认主题:Github,上面截图用的就是这个主题,除了它我还比较喜欢 Whitey 这款,也很好看。

    除了可以设置自带主题外,Typora 还支持 CSS 样式自定义主题设置,有过一些网页设计基础的小伙伴应该很容易上手。

    文章写好之后,当然需要将它们导出。Typora 支持十余种文本格式的导出,默认的有 PDF、HTML,此外它还支持主流的 Word 文档,小众一些有 Epub、RTF 格式…等等,同时它还支持把文本导出为图片,方便快捷。

    ▲Typora 文本导出

    写在后面

    Typora 作为一款 Markdown 文本编辑器,在快速文字排版以及代码编辑方面的效率是显而易见的。使用人群方面,Typora 适合那些对码字手速和排版顺畅度有要求的人群,譬如码农、网站小编、出版业人……

    不过,Typora 也不是没有缺点。相较于老牌的Word ,在功能方面Typora 还稍显稚嫩,一些功能尚且不足。比如对于插入的图片,Typora 不能对其设置样式、裁剪等,而Word 则表示笑而不语。

    但换一个角度来说,这也不是 Typora 的问题,因为它和 Word 完全是两个不同定位的文本编辑器,只能说各有侧重。

  • 相关阅读:
    slice和splice的区别
    Js中获取对象的所有key值
    设置layUI的时间laydate 结束时间大于开始时间
    vscode前端常用插件推荐,搭建JQuery、Vue等开发环境
    安装vue脚手架
    es6中...是什么意思
    html转义字符换行以及回车等的使用
    10款让人惊叹的HTML5/jQuery图片动画特效
    基于GIS技术的水利一张图平台
    BIM + 3D GIS在岩溶强发育区跨海盾构隧道施工中的实践应用
  • 原文地址:https://www.cnblogs.com/henrypaul/p/12151641.html
Copyright © 2011-2022 走看看