Atom编辑器入门到精通 Markdown支持 (下)
Posted PeterHo
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Atom编辑器入门到精通 Markdown支持 (下)相关的知识,希望对你有一定的参考价值。
原创时间:2016-12-08
更新时间:2016-12-10
在上一章中我们了解了原生Atom对Markdown的支持, 这一讲我们一起学习如何使用更多的插件让Atom更好地支持Markdown文件.
Markdown-Writer
如果你跟我一样, 使用Markdown格式来写博客, 那你一定也需要Markdown-Writer插件, 它能让更方便地管理和编辑Markdown文件.
先来几张官方的GIF感受一下它的功能吧
创建新文章
插入图片
插入链接
移除链接
安装
apm install markdown-writer
配置
我们可以在Atom的设置窗口
->Packages
->markdown-writer
->Settings
里来设置, 或者在上篇文章中介绍的config.cson中配置.
在siteLocalDir
设置为博客根目录, 如果为空, 将会使用Atom的当前目录.
fileExtension
改为.md
其他配置可以使用默认配置
如果我们同时编辑了几个博客, 可以将上述配置写在一个名为_mdwriter.cson
的文件里, 并置于博客的根目录下, 这样就能在博客之间使用不同的配置了. 还有一个简单的方法是在打开博客项目后Ctrl+Shift+P
执行命令Markdown Writer: Create Project Configs
. 注意在修改配置以后需要执行命令Window: Reload
来重新读取配置.
我的config.cson
相关配置:
"*":
"markdown-writer":
fileExtension: ".md"
siteLocalDir: "/home/peter/src/peterho.github.com"
快捷键
Markdown-Writer提供了大量的快捷键和命令来增强md文件的编辑体验.
要启用这些快捷键, 需要执行命令Markdown Writer: Create Default Keymaps
.
该命令会自动将Markdown-Writer的默认热键添加到keymap.cson
中. 就像这个样子
".platform-linux atom-text-editor:not([mini])":
"shift-ctrl-K": "markdown-writer:insert-link"
"shift-ctrl-I": "markdown-writer:insert-image"
"ctrl-i": "markdown-writer:toggle-italic-text"
"ctrl-b": "markdown-writer:toggle-bold-text"
"ctrl-'": "markdown-writer:toggle-code-text"
"ctrl-h": "markdown-writer:toggle-strikethrough-text"
"ctrl-1": "markdown-writer:toggle-h1"
"ctrl-2": "markdown-writer:toggle-h2"
"ctrl-3": "markdown-writer:toggle-h3"
"ctrl-4": "markdown-writer:toggle-h4"
"ctrl-5": "markdown-writer:toggle-h5"
可以发现这些热键包括插入链接, 图片, 切换各种字体样式.
如果你和我一样使用vim-mode
插件, 还可以添加这些热键
"atom-text-editor.vim-mode.normal-mode":
"g x": "markdown-writer:open-link-in-browser"
"g k": "markdown-writer:jump-to-reference-definition"
"[ h": "markdown-writer:jump-to-previous-heading"
"] h": "markdown-writer:jump-to-next-heading"
", o": "markdown-writer:toggle-ol"
", u": "markdown-writer:toggle-ul"
", t": "markdown-writer:toggle-task"
", T": "markdown-writer:toggle-taskdone"
"atom-text-editor.vim-mode.insert-mode":
"| i": "markdown-writer:insert-table"
"| |": "markdown-writer:jump-to-next-table-cell"
"atom-text-editor.vim-mode.visual-mode":
"_": "markdown-writer:toggle-italic-text"
"8": "markdown-writer:toggle-bold-text"
"`": "markdown-writer:toggle-code-text"
下面列出上文还没有提到的功能列表, 请各位同学自行选择需要的功能并设为热键吧
# 工作区
"markdown-writer:new-post",
"markdown-writer:new-draft",
"markdown-writer:open-cheat-sheet",
"markdown-writer:create-default-keymaps",
"markdown-writer:create-project-configs"
# 编辑区
"markdown-writer:manage-post-tags",
"markdown-writer:manage-post-categories",
"markdown-writer:insert-footnote",
"markdown-writer:toggle-codeblock-text",
"markdown-writer:toggle-keystroke-text",
"markdown-writer:toggle-blockquote",
"markdown-writer:publish-draft",
"markdown-writer:format-table",
"markdown-writer:correct-order-list-numbers",
"markdown-writer:insert-new-line",
"markdown-writer:indent-list-line"
这些命令的名字都很明白, 就不一一解释了.
Markdown Preview Enhanced
该插件是Markdown Preview的增强版, 在原生插件的基础上增加了很多实用的功能
安装
apm install markdown-preview-enhanced
在插件页面禁用内置的Markdown Preview插件
使用
该插件的功能很多, 这里只列出一些最常用的功能, 更多功能请参考中文官方文档
1. 预览md的快捷键任然为Ctrl+Shift+M
2. 编辑预览同步滚动
3. 命令Create Toc
可以在当前位置生成md文件的toc
4. md文件导出为PDF, PNG, JPEG等文件
5. 命令Insert Table
用于插入表格
6. 在预览窗口右键可以选择在浏览器中打开预览
7. 支持GitHub Flavored Markdown样式的TODO List
配置
下面是我的配置
"*":
"markdown-preview-enhanced":
breakOnSingleNewline: true
useGitHubStyle: false
useGitHubSyntaxTheme: false
有了以上两个插件, Atom已经可以被称作最好的MD编辑器了.
以上是关于Atom编辑器入门到精通 Markdown支持 (下)的主要内容,如果未能解决你的问题,请参考以下文章