使用Atom编写Makedown
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的更多相关文章
- 使用 atom 将 makedown 编辑并转换成 pdf
链接: https://www.cnblogs.com/fanzhidongyzby/p/6637084.html
- 新编码神器Atom使用纪要
Atom是 Github 专门为程序员推出的一个跨平台文本编辑器.她很大程度上继承了SublimeText的美,而又不仅如此.有费了蛮大力气总结了一篇关于SublimeText文章: 如何优雅地使用S ...
- App开发:模拟服务器数据接口 - MockApi
为了方便app开发过程中,不受服务器接口的限制,便于客户端功能的快速测试,可以在客户端实现一个模拟服务器数据接口的MockApi模块.本篇文章就尝试为使用gradle的android项目设计实现Moc ...
- 札记:Fragment基础
Fragment概述 在Fragment出现之前,Activity是app中界面的基本组成单位,值得一提的是,作为四大组件之一,它是需要"注册"的.组件的特性使得一个Activit ...
- 虾扯蛋:Android View动画 Animation不完全解析
本文结合一些周知的概念和源码片段,对View动画的工作原理进行挖掘和分析.以下不是对源码一丝不苟的分析过程,只是以搞清楚Animation的执行过程.如何被周期性调用为目标粗略分析下相关方法的执行细节 ...
- 笔记:Binder通信机制
TODO: 待修正 Binder简介 Binder是android系统中实现的一种高效的IPC机制,平常接触到的各种XxxManager,以及绑定Service时都在使用它进行跨进程操作. 它的实现基 ...
- [BOT] 一种android中实现“圆角矩形”的方法
内容简介 文章介绍ImageView(方法也可以应用到其它View)圆角矩形(包括圆形)的一种实现方式,四个角可以分别指定为圆角.思路是利用"Xfermode + Path"来进行 ...
- [翻译]开发文档:android Bitmap的高效使用
内容概述 本文内容来自开发文档"Traning > Displaying Bitmaps Efficiently",包括大尺寸Bitmap的高效加载,图片的异步加载和数据缓存 ...
- [虾扯蛋] android界面框架-Window
从纯sdk及framwork的角度看,android中界面框架相关的类型有:Window,WindowManager,View等.下面就以这几个类为出发点来概览下安卓开发的"界面架构&quo ...
随机推荐
- 处女座和小姐姐(三)(数位dp)
链接:https://ac.nowcoder.com/acm/contest/329/G 来源:牛客网 题目描述 经过了选号和漫长的等待,处女座终于拿到了给小姐姐定制的手环,小姐姐看到以后直呼666! ...
- Codeforces Round #335 (Div. 2) A
A. Magic Spheres time limit per test 2 seconds memory limit per test 256 megabytes input standard in ...
- ORA-14517: Subpartition of index "string.string" is in unusable state
今天碰到个ORA-03113, 原因不明. 猜测因为某些table DDL操作过后导致index unuable的case, 然后进行analyze table, 再碰到ORA-14517. 最后通 ...
- Query获取多种input值的方法
1 if($("input[name=item][value='val']").attr('checked')==true) //判断是否已经打勾 name即控件name属性,va ...
- webpack01
- SQL---MySQL数据库---聚合函数
1.数值 format(x,n) 将x格式化为 由逗号分隔,小数点后n 位的数:
- 软件使用---Eclipse
代码提示快捷操作.这个叫做,内容分析(content assist) 1.设置自动提示: 2.设置快捷键:
- inventor删除不干净
AUTODESK系列软件着实令人头疼,安装失败之后不能完全卸载!!!(比如maya,cad,3dsmax等).有时手动删除注册表重装之后还是会出现各种问题,每个版本的C++Runtime和.NET f ...
- TP扩展Xxtea.class.php加密解密函数用法
http://www.coolcode.org/?action=show&id=128这里可以查到一个相关文章. 附上xiunobbs里的代码,自己加了点注释,欢迎大牛批评指正 //将数值数组 ...
- TouchSlide 触屏滑动特效插件
TouchSlide 是纯javascript打造的触屏滑动特效插件,面向手机.平板电脑等移动终端,能实现触屏焦点图.触屏Tab切换.触屏多图切换等常用效果. 插件开源.体积小.简单实用.功能强大,是 ...