美文网首页计算机杂谈是读书还是思考实用技巧
『程序员必备软件』—— 编辑预览于一身的 Typora

『程序员必备软件』—— 编辑预览于一身的 Typora

作者: 下位子 | 来源:发表于2018-03-17 16:23 被阅读3199次

    前言

    作为程序员,相信对 MarkDown 语法并不陌生,平时知识的积累,博客的编写或者是工作的报告都或多或少会用到。

    Markdown 是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。

    那具体的介绍和使用语法就不用过多介绍,较为简单,网上一搜一大把。对应的编辑器也很多,比如之前使用的 MacDown,或者是笔记软件,更或者是博文平台都是支持 MarkDown 语法的。就我使用的过程来看,大部分的界面都是编辑+预览的,那 Typora 不同于其他的编辑工具,当输入相应的标记符号,系统便会自动渲染文本,形成相对应的格式。因此就达到了 编辑与预览 同一界面的效果。

    看一下大概的效果,后面会一一介绍:

    2018-03-17-Typora预览效果.gif

    功能还有很多,确实值得拥有。

    获取

    Typora — a markdown editor, markdown reader.

    进入官网可进行下载,目前 MacWindowsLinux 都有对应的版本,当然也有详细的使用介绍。

    mage-20180317145000

    基本使用

    Typora 支持原生的标记语法使用,也支持非常强大的快捷键使用,两者配合着使用,很大程度上可以提高工作效率。

    标题

    2018-03-17-标题.gif

    特殊样式

    2018-03-17-特殊样式.gif

    列表

    2018-03-17-列表.gif

    代码

    2018-03-17-代码.gif

    表格

    2018-03-17-表格.gif

    流程图 时序图

    2018-03-17-流程图.gif

    相关对应的代码:

    // 流程图 flow
    st=>start: Start
    op=>operation: Your Operation
    cond=>condition: Yes or No?
    e=>end
    st->op->cond
    cond(yes)->e
    cond(no)->op
    
    // sequence
    Title:连接建立的过程
    客户主机->服务器主机: 连接请求(SYN=1,seq=client_isn) 
    服务器主机->客户主机: 授予连接(SYN=1,seq=client_isn)\n ack=client_isn+1
    客户主机->服务器主机: 确认(SYN=0,seq=client_isn+1)\nack=server_isn+1
    
    // mermaid
    graph TD
    client1-->|read / write|SVN((SVN server))
    client2-->|read only|SVN
    client3-->|read / write|SVN
    client4-->|read only|SVN
    client5(...)-->SVN
    SVN---|store the data|sharedrive
    
    

    进阶使用

    插入图片

    有人说插入图片凭什么算作为 进阶使用,不就一行代码的事情吗 ![](),但是我要说的可不一样。

    我们平常需要插入文章应该怎么办?

    1. 直接从网络上获取图片的链接地址,作为自己的图片链接(万一链接改变,图片便显示不出)
    2. 直接本地文件的相对路径(万一博客需要共享,自然别人看不到图片)
    3. 先通过别的平台上传图片(七牛云),然后拷贝链接地址(操作较为麻烦)
    4. 当然可以直接在简书上直接拖拽文件到编辑见面(那又何必用 Typora。。。)

    有图床神器 iPic,可以通过拖拽、快捷键等方式上传图片,支持微博、七牛、又拍、阿里云、Imgur、Flickr、Amazon S3 等图床,自动保存 Markdown 格式链接,给你前所未有的插图体验。

    看一下效果:

    效果

    或者是直接拷贝粘贴图片到编辑器中也可以:

    2018-03-17-插入图片.gif

    还可以支持多文件上传哦,具体教程请见 ipic使用教程

    版本回溯

    我觉得这是它最牛逼的地方了!有点点类似开发过程中的代码回退,比如你想回到某个版本,通过 git reset [commit] 即可回到需要的版本,那 Typora 的效果如何呢?

    mage-20180317155840

    首先点击 浏览所有版本,即可以看到历史的版本:

    mage-20180317160334

    主题更换

    Typora 支持各种主题的更换

    mage-20180317160756 2018-03-17-主题更换.gif

    总结

    Typora 用习惯了后,真的是离不开他,不仅界面相当友好,而且快捷键功能强大,更提供了方面的插入图片方式,拥有并学会它,一定可以帮助您提高开发效率的。

    原文地址

    相关文章

      网友评论

      • d03497788d96:Windows下菜单栏在标题栏下有点尴尬。
        幸好可以在设置中关掉。
        下位子:@Cuta_丘塔 :smirk:
      • 小小魁_阿掰:就问一下,怎么方便地实现页内跳转,我不需要[toc]那样庞大的目录体系,就自己定个锚点,然后再跳到锚点去。。。度娘了几篇都不行啊,吐槽一下这个功能居然实现起来那么麻烦。
        我是mac版的typora
        下位子:我也是 mac

        [alt_content](#jump)

        # Jump

        使用这种方式可以跳
      • ff492a074dec:Typora确实神器!
        下位子:@Yorushika 没错
      • 之行Journey:看到你的个人主页,也是用Hexo 搭建的吗?主题是什么?看起来很舒服~~
        下位子:@之行Journey yelee, 还不错,可以自己改改
      • BossOx:写技术文档用 Markdown 比较合理一些,但更多时候是代码编辑,Typora 可能并不适合。早先 Typora 输出 PDF 时存在丢失样式的 BUG,给作者写邮件他说是 Chrome 渲染的问题,有意思,挺棒的一款软件,值得推荐。:clap:
        下位子:@BossOx 哈哈,牛逼
      • 千叶鸟:不错哟, 如果图片再结合图床工具使用就更好了
        下位子:@千叶鸟 :stuck_out_tongue_winking_eye:
        千叶鸟:@下位子 :hushed:
        下位子:@千叶鸟 你往下看
      • tamlok:对于Vim程序员,应该更喜欢VNote风格吧 :) 搭车推荐 https://www.jianshu.com/p/36436dde967c
        下位子:可以
      • Eugene1024:Mac下用 iPic, Windows系统下用什么呢
        下位子:@z不羁的风 客气
        Eugene1024:@下位子 我咋天搜索过 感谢
        下位子:https://www.jianshu.com/p/d0bd91d38011
        这个人好像写了一个,不过我没试过,你可以尝试一下
      • VictorHank:没有坚持下去,
        下位子:@VictorHank 啥?
      • 00e9cdfc2c79:程序员有什么办法不秃头 在线等 急
        七岁就狠拽:变秃了就意味着变强了, 要想不秃, 推荐<从入门到转行>
        Eugene1024:每天几次45度角仰望天空
        下位子:少撸多运动

      本文标题:『程序员必备软件』—— 编辑预览于一身的 Typora

      本文链接:https://www.haomeiwen.com/subject/apyjqftx.html