使用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 ...
随机推荐
- BFS + 状态搜索
题目 题意 给一个100x100的迷宫,'.'表示路面,'S'表示起点,'T'表示终点:'#'表示毒气区,进入毒气区必须要消耗一个氧气:'B'表示氧气区,每次进入自动获得一个氧气,可反复进入从而获得多 ...
- PyCharm出现module 'matplotlib' has no attribute 'verbose'解决方案
其实不是你安装错了,也不是你代码问题,这就是PyCharm的锅! 虽然有三种解法办法,我觉得还是改IDE配置是最佳方法 把这个钩去掉就行了...... # -*- coding: utf-8 -*- ...
- 关于form组件的补充-------formChoice
form组件的Choice字段 还是基于出版社和书的模型来详解 models.py(模型) from django.db import models # Create your models here ...
- ubuntu php 连接sql server
1.下载最新的freetds ,访问 http://www.freetds.org/, 或者在 ubuntu上用 wget ftp://ftp.freetds.org/pub/freetds/stab ...
- ymPrompt.js消息提示组件
转载:https://www.cnblogs.com/linzheng/archive/2010/11/15/1878058.html 使用说明: 1.在页面中引入ymPrompt.js.如:< ...
- eclipse 分屏显示同一文件
某个类很大,可能有数千行.当你想要将类开头部分与中间或者靠后的部分进行对比时,请follow如下步骤: Window -> Editor -> Toggle Split Editor (C ...
- python 获取当前时间及前一天时间
import datetime from pandas.tseries.offsets import Day now_time =datetime.datetime.now()#获取当前时间 yes_ ...
- 时间比较早晚java
package demo; import java.text.SimpleDateFormat;import java.util.Date;import java.util.Locale; publi ...
- A. Yet Another Problem with Strings 分块 + hash
http://codeforces.com/gym/101138/problem/A 感觉有一种套路就是总长度 <= 某一个数的这类题,大多可以分块 首先把集合串按长度分块,对于每一个询问串, ...
- maya2014无法安装卸载激活失败
AUTODESK系列软件着实令人头疼,安装失败之后不能完全卸载!!!(比如maya,cad,3dsmax等).有时手动删除注册表重装之后还是会出现各种问题,每个版本的C++Runtime和.NET f ...