如何优雅写作

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

如何写的方便

下面首先从如何方便写开始,这里我推荐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 FrameworkHexo 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 资源 可以选择你需要的任意图标

In the Markdown:

{% fa github %}

…outputs:

或许你也可以这样 <i class="fa github"></i>