如何更优雅的写文章

如何优雅的写作，这里会包含两个模块：一个是如何方便些，一个是如何写的漂亮。

如何写的方便

下面首先从如何方便写开始，这里我推荐Atom这款由 开发的编辑器，其中包含丰富的插件系统，可以支撑你的MarkDown写作，并且这些个性化设置及插件可以跨平台同步，实现你在多台机器上可以快速搭建你最熟悉的写作环境。

对于我使用的插件，可以参考我的这篇文章 Atom 实战，里面包含如何同步fork我的插件列表到你的Atom个人配置中~ 🎆

下面我简单罗列下我安装的插件，在Atom Packages可以查询到下面这些的插件，并自行安装各个插件。

• atom-terminal
• autocomplete-emjis
• language-markdown
• markdown-preview-enhanced
• markdown-table-editor
• markdown-writer
• sync-setting

如何写的漂亮

这里分享有关这个hexo 主题原作者分享的一些渲染方法 Hexo Theme，详细信息可以查看在线PDF Getting Started with the Hexo Blogging Framework 和 Hexo Theme_ Bootstrap Blog

下面会总结一下最佳实践方式：

表格

Markdown:

| Table Header 1 | Table Header 2 | Table Header 3 |
| - | - | - |
| Division 1 | Division 2 | Division 3 |
| Division 1 | Division 2 | Division 3 |
| Division 1 | Division 2 | Division 3 |

…outputs:

Table Header 1	Table Header 2	Table Header 3
Division 1	Division 2	Division 3
Division 1	Division 2	Division 3
Division 1	Division 2	Division 3

Bootstrap标注

这个Bootstrap标注可以给你的文章增添更多的醒目标记信息。

In the Markdown:

{% callout info %}
#### {% fa info-circle %} Info
This is some info content
{% endcallout %}

{% callout warning %}
#### {% fa exclamation-triangle %} Warning
This is some warning content
{% endcallout %}

{% callout danger %}
#### {% fa exclamation-triangle %} Danger
This is some danger content
{% endcallout %}

…outputs:

Info

This is some info content

Warning

This is some warning content

Danger

This is some danger content

fa图标

在 Font Awesome 资源 可以选择你需要的任意图标。

举个栗子： 对于在Font Awesome中是<i class="fa github"></i>，于是在博客中引入这个图标时，写入