Atom 是 Github 专门为程序员推出的一个跨平台文本编辑器。

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

作为一个Github+Sublime Text的使用者,当我遇到Atom的时候我毫不犹豫的选择拥抱她。

平时写文档都是用Markdown,Atom内置对markdown的支持,能够方便的进行解析预览,那么使用Atom如何愉快的编写Markdown文档,我将我的经验分享给大家。

工具/原料

Atom

Markdown

windows 7 64

方法/步骤

安装Atom

如果你还没有玩过Atom,那么第一步就是下载安装对应你平台的Atom版本,可以到官网或者Github下载稳定版本,具体看图:

安装过程很简单只要双击即可等待安装完成:

我使用的是windows系统AtomSetup.exe

使用Atom预览markdown

1、打开任意.md文件(markdown源文件)

菜单栏File->Open file...(ctrl+o)打开文件;

2、windows下使用快捷键 ctrl + shift + p,打开命令输入框;

3、输入 markdown preview toggle(可以偷懒只输入mdpt,支持模糊匹配)

也可以通过菜单栏Packages->Markdown Preview->Toggle Treview;

按enter键即可看到预览,左边编辑,右边实时预览:

也可以直接使用快捷键不过由于快捷键冲突问题可能没效果,当你熟悉Atom之后你也可以定制属于直接的一套快捷键;

Atom插件安装

Atom插件分为内置的和扩展的。其中Markdown Preview是Atom的内置插件,

但是要很好的编写Markdown还需要安装其他插件,这里介绍“pretty json”插件安装使用;

1、windows下使用快捷键 ctrl + shift + p,打开命令输入框,输入 settings view install packages and themes(也可以简单的输入install package)也可以通过菜单栏File->Setting->Install;打开搜索框

2、在搜索框输入pretty json,点击Packages按钮,在搜索结果中,点击pretty json右边的Install按钮即可安装。如果没能安装成功可以参考我的另一篇经验使用命令行下安装插件《教你给Atom设置震撼的编辑效果》

插件使用

编写文档时候看到Atom对于json的支持不是很友好,通过pretty json插件可以让json变得更漂亮;

1、选中一段json,只要选择json的内容接口;

2、使用快捷键 ctrl + shift + p,打开命令输入框 输入 pretty json prettify,按enter键即可看到格式化的效果;

使用Atom编写Makedown的更多相关文章

  1. 使用 atom 将 makedown 编辑并转换成 pdf

    链接: https://www.cnblogs.com/fanzhidongyzby/p/6637084.html

  2. 新编码神器Atom使用纪要

    Atom是 Github 专门为程序员推出的一个跨平台文本编辑器.她很大程度上继承了SublimeText的美,而又不仅如此.有费了蛮大力气总结了一篇关于SublimeText文章: 如何优雅地使用S ...

  3. App开发:模拟服务器数据接口 - MockApi

    为了方便app开发过程中,不受服务器接口的限制,便于客户端功能的快速测试,可以在客户端实现一个模拟服务器数据接口的MockApi模块.本篇文章就尝试为使用gradle的android项目设计实现Moc ...

  4. 札记:Fragment基础

    Fragment概述 在Fragment出现之前,Activity是app中界面的基本组成单位,值得一提的是,作为四大组件之一,它是需要"注册"的.组件的特性使得一个Activit ...

  5. 虾扯蛋:Android View动画 Animation不完全解析

    本文结合一些周知的概念和源码片段,对View动画的工作原理进行挖掘和分析.以下不是对源码一丝不苟的分析过程,只是以搞清楚Animation的执行过程.如何被周期性调用为目标粗略分析下相关方法的执行细节 ...

  6. 笔记:Binder通信机制

    TODO: 待修正 Binder简介 Binder是android系统中实现的一种高效的IPC机制,平常接触到的各种XxxManager,以及绑定Service时都在使用它进行跨进程操作. 它的实现基 ...

  7. [BOT] 一种android中实现“圆角矩形”的方法

    内容简介 文章介绍ImageView(方法也可以应用到其它View)圆角矩形(包括圆形)的一种实现方式,四个角可以分别指定为圆角.思路是利用"Xfermode + Path"来进行 ...

  8. [翻译]开发文档:android Bitmap的高效使用

    内容概述 本文内容来自开发文档"Traning > Displaying Bitmaps Efficiently",包括大尺寸Bitmap的高效加载,图片的异步加载和数据缓存 ...

  9. [虾扯蛋] android界面框架-Window

    从纯sdk及framwork的角度看,android中界面框架相关的类型有:Window,WindowManager,View等.下面就以这几个类为出发点来概览下安卓开发的"界面架构&quo ...

随机推荐

  1. 处女座和小姐姐(三)(数位dp)

    链接:https://ac.nowcoder.com/acm/contest/329/G 来源:牛客网 题目描述 经过了选号和漫长的等待,处女座终于拿到了给小姐姐定制的手环,小姐姐看到以后直呼666! ...

  2. Codeforces Round #335 (Div. 2) A

    A. Magic Spheres time limit per test 2 seconds memory limit per test 256 megabytes input standard in ...

  3. ORA-14517: Subpartition of index "string.string" is in unusable state

    今天碰到个ORA-03113, 原因不明. 猜测因为某些table DDL操作过后导致index unuable的case, 然后进行analyze table, 再碰到ORA-14517.  最后通 ...

  4. Query获取多种input值的方法

    1 if($("input[name=item][value='val']").attr('checked')==true) //判断是否已经打勾 name即控件name属性,va ...

  5. webpack01

  6. SQL---MySQL数据库---聚合函数

    1.数值 format(x,n) 将x格式化为  由逗号分隔,小数点后n 位的数:

  7. 软件使用---Eclipse

    代码提示快捷操作.这个叫做,内容分析(content assist) 1.设置自动提示: 2.设置快捷键:

  8. inventor删除不干净

    AUTODESK系列软件着实令人头疼,安装失败之后不能完全卸载!!!(比如maya,cad,3dsmax等).有时手动删除注册表重装之后还是会出现各种问题,每个版本的C++Runtime和.NET f ...

  9. TP扩展Xxtea.class.php加密解密函数用法

    http://www.coolcode.org/?action=show&id=128这里可以查到一个相关文章. 附上xiunobbs里的代码,自己加了点注释,欢迎大牛批评指正 //将数值数组 ...

  10. TouchSlide 触屏滑动特效插件

    TouchSlide 是纯javascript打造的触屏滑动特效插件,面向手机.平板电脑等移动终端,能实现触屏焦点图.触屏Tab切换.触屏多图切换等常用效果. 插件开源.体积小.简单实用.功能强大,是 ...