使用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 markdown .md 编写格式技巧的更多相关文章

  1. Gitlab中README.MD编写格式模板

    README.MD文件 格式: 源码: # Hbase组件 ## Maven依赖 ``` <dependency> <groupId>catf</groupId> ...

  2. python插件,pycharm基本用法,markdown文本编写,jupyter notebook的基本操作汇总

    5.14自我总结 一.python插件插件相关技巧汇总 安装在cmd上运行 #比如安装 安装:wxpy模块(支持 Python 3.4-3.+ 以及 2.7 版本):pip3 install wxpy ...

  3. readme.md常用格式的编写

    md是Markdown的缩写,md是一种易读易写的文本格式(easy-to-read, easy-to-write plain text format),并且可以很方便的转换成HTML格式显示在网页中 ...

  4. Markdown 文档格式编写语法

    http://www.cnblogs.com/cxf520/p/6179294.html

  5. 使用VScode编写Markdown的一些使用技巧

  6. README.md 编写

    Spring Boot Demo =========================== 该文件用来测试和展示书写README的各种markdown语法.GitHub的markdown语法在标准的ma ...

  7. Markdown中插入图片技巧收集

    在操作Markdown时图片应该是最头痛的一件事! 比如要发送一个md文件给对方,如果附带了图片时,那么就要一大堆文件包括图片发给对方等等,如果使用在线图片,那么这个服务器又是一大痛点,因为你不确定这 ...

  8. Markdown(MD)写作

    简洁的写作 目前正逐步使用Makedown来写博客或其它的文档,本文记录一下Markdown的相关知识 Markdown语法 标题 # 内容 (一级标题) ## 内容 (二级标题) ### 内容 (三 ...

  9. Excel 单元格自定义格式技巧总结

    第一部分 Excel 中的单元格格式是一个最基本但是又很高级的技能,说它基本是因为我们几乎天天都会用到它,会用它来设置一些简单的格式,比如日期,文本等等:高级是因为利用 Excel 单元格的自定义格式 ...

随机推荐

  1. Javascript生成GUID

    GUID(全球唯一标识)是微软使用的一个术语,由一个特定的算法,给某一个实体,如Word文档,创建一个唯一的标识,GUID值就是这个唯一的标识码.除了.Net有专门的方法生成外,JS也可以生成GUID ...

  2. centos6.5安装配置fastdfs+nginx实现分布式图片服务器

    一.准备 yum groupinstall -y "Development Tools"yum install -y wget libevent-devel pcre-devel ...

  3. centos nginx环境下删除CI框架Index.php入口遇到404问题

    今天在网上百度看了很多文章,想要去掉index.php入口文件有好多方法,自己也照着在网站到根目录下新建了一个.htaccess文件,内容如下: RewriteEngine On RewriteCon ...

  4. java生成二维码图片

    1.POM文件引入 <dependency> <groupId>com.google.zxing</groupId> <artifactId>core& ...

  5. 转-android图片降低图片大小保持图片清晰的方法

    http://i.cnblogs.com/EditPosts.aspx?opt=1 android里面对于图片的处理一直是个比较烦人的问题,烦人之处在于一个不小心,就有可能造成OOM. 最近碰到一个关 ...

  6. JConsole connection failed

    最近用jconsole本地连接eclipse失败 , 如下图 : 在eclipse.ini中添加如下代码即可 -Dcom.sun.management.jmxremote.port=9999-Dcom ...

  7. jdk之jhat命令

    jhat命令 -- JavaHeap Analyse Tool 用途:是用来分析Java堆的命令,可以将堆中的对象以html的形式显示出来,包括对象的数量,大小等等,并支持对象查询语言第一步:导出堆  ...

  8. [ActionScript 3.0] Away3D 灯光的使用

    package { import away3d.containers.View3D; import away3d.entities.Mesh; import away3d.events.MouseEv ...

  9. 如何获取SQL Server 2008数据库数据文件的位置

    在SQL Server中,要获取数据库数据文件的物理位置,有三种方法: sp_helpdb bright name          filename                        f ...

  10. esriSRGeoCS3Type Constants

    ArcGIS Developer Help  (Geometry)     esriSRGeoCS3Type Constants More available geographic coordinat ...