【此教程对正常人（non-geeker）友好】保姆级教程： 如何创建Markdown文件，轻松添加图片，多平台适用

本想上传人生中第一篇文章， 发觉图片太多，手动在线编辑要大半天。 搜索使用攻略，发觉教程一大堆， 但是都是雾里看花， 暗自感叹自己智商不够用。

又做了一些research, 找到个简单方法，撰写一个保姆级操作流程， 帮助同样怀疑人生的小伙伴顺利上路～～～

这是用markdown编写的文章。 内容非常的简单， 但是真的花了好久才摸索出来。 承认自己的智商不够用。T-T
废话不多说，直接上路！

Step 1， 登录平台。这里以简书为例。

Step 2， 切换到markdown编辑模式，这一步我摸索了好久！页面设计太不走心了。
请仔细搜寻页面左下角，被灰掉的小按钮：

[设置]=>[默认编辑器]=>[Markdown编辑器]。

从来没用过的人， 真是在玩猜猜我在哪儿游戏。

Step 3， 这里就可以开始输入内容了。 markdown语法不难， 而且本地写完，到处都能复制上传，无需再次排版， 简直就是万能贴。

Step 4. 附上markdown cheat sheet. markdown的好处还有一点就是可以添加html. 这让写作变得很灵活。

Read more here

Step 5. 获取照片地址，

方法一， 需要把本地照片上传到一个host， 获得照片的url地址之后就可以使用一下语句。我现在用的是github, 具体方法follow我接下来的教程。

方法二， 网上找的图直接复制image的地址即可。

现在看来， 简书对于外链图片的支持很不给力， markdown内置的语句调用图片总是失败，html语句也不是很好用。直接弃坑。

CSDN，实测不支持markdown外链，但是支持html！ 就是界面很丑，毫无美感。

Step 6. 添加markdown语句

之所以使用两种方法来添加是因为， 在使用的过程中发觉有时候markdown自带的方法不支持, github host的照片。 所以有个备用方法总是好的。

方法一， 使用html语句来添加

<img src="https://i-blog.csdnimg.cn/blog_migrate/ce0b36fcd93a68540923c17791ced332.jpeg" />

方法二，使用markdown内置语句来添加

![picture1](https://www.bravotv.com/sites/bravo/files/styles/hero-image--large--computer/public/whats-for-sale-with-a-view-show-hero.jpg?itok=0W2luXde)

Step 8. 编辑照片大小
这里我只研究出了用html添加的照片，调整大小的方法。 markdown本身不支持照片调整功能， 需要调用其他插件。

把这行加入到照片语句中。

width="50" height="50"

Step 7. 操作到这里，估计脑细胞已经阵亡，99%了。 还剩下一些脑容量可以思考一下带一下吃什么。。。 我们下期教程见。

Step 8. 简书还可以手动添加，直接拖拽本地图片到编辑器内， 但是这对于多平台发布者来说毫无效率可言了。