如何舒适地写技术博客之个人最佳实践（前方软文，高能慎入）

前言

一直看别人写的博客。看久了，也会突然心血来潮，想自己写点什么。由于自己懒得搭个自己的个人博客。于是，打开了常看的几个技术社区，找到了写博客的功能，尝试了下。。。。（此处应该还有 3000 来字）才发现，如何舒适地写篇技术博客也还是。于是，有了这篇软文。
本文主要包括以下以下几点：

1. 选择对的在线编辑器
2. 如何用 Markdown 写博客
3. 便捷插入屏幕截图的技巧

首先你得选个好的在线编辑器

• 一个反面例子

  
  
  博客园默认编辑器
  
  
  博客园的 MD 编辑器和类似预览的功能

看到此类编辑器，博主不禁想起了，当年写随笔的 word 和 qq 空间的编辑器。

• word 文档编辑器

对于此类编辑器，博主只能说，丑到没朋友

• 一些颜值比较高的

  
  
  的 Markdown 编辑器

csdn 的 markdown 编辑器

Coding.net 的 markdown 编辑器

注：coding.net 的编辑器在项目讨论功能内

如何用 Markdown 写博客

什么是 Markdown ? 它是一种用于写作的标记语法。
说的太玄乎，那就直接上使用说明吧。

• 将博客编辑器改成 Markdown 编辑器
  很多网站都将默认编辑器设为富文本编辑器，所以要先改下设置。（以为例）
  

  设置页面

• 简单的 Markdown 语法

'#### 文字' —— 4 号标题
** 文字 ** —— 加粗
- 文字 —— 列表
 —— 列表

markdown 语法简单示例

Markdown 还可以编辑公式，插入表格，超链接等等，详细功能请查 http://www.jianshu.com/p/q81RER

** Markdown 可以让你更加关注文字内容而非排版和图片资源**

便捷插入屏幕截图的技巧

• QQ 截图
  打开 QQ，按组合键 Ctrl + Alt + A （一般人应该都会）

  
  
  

  QQ 截图

• 简单编辑
  QQ 截图提供了简单的工具，箭头，画笔还有方框挺好用的

  
  
  

  编辑工具

• 插入截图
  完成截图后，点击编辑区域。右键粘贴

  
  
  

  复制粘贴
  
  

  然后，你会看到插入成功

  
  
  

  成功插入

重复利用生成的图片链接

有了 Markdown 图片链接后，我们无需重复上传图片到其他网站，如 OSC，博客园，CSDN，Coding.net 。
**只需将链接复制到相应的编辑器里即可 **。
但是，的生成的链接貌似不能放到其他网站上去。这里用 Coding 来做演示

• Coding.net 上生成的图片链接
• 

  复制成功

one more thing

发现 csdn 有离线 MD 编辑器，貌似没有，至少找了半天也没找到。什么时候做一个，回家就断网了啊！！刚需啊