This article earned $21.18

[howto] Guide to insert pictures in the steemit articles. (The most popular picture of China in this summer)

Almost all of the articles are illustrated on Steemit.
So I try to figure out how to insert pictures in steemit articles?

Then I found two ways: (Maybe more)

  • Use the Editor to insert images
  • Insert images with Markdown

But before you can insert images in article, you MUST have the images URL first.
In other words, you must upload your images to the images host.
Maybe there are a lot of images host providers you can choose, select the one you like.

For me, I upload them to my personal host.
And then, I got the URL of images I upload, for example:
http://steemit.serviceuptime.net/images/geyou_20160729.jpg

The first way: Use the Editor to insert images

  1. Open the post page by click the link “Submit a Story” at upper right corner of steemit.
  2. And click the “Editor” link at upper right corner of the 2nd text area.
  3. More tools will appeared at the top of the 2nd text area.
  4. Click the image icon, and input the image URL you got, and click the checkmark to insert it.

A bit cumbersome? I think so!

The Second way: Insert images with Markdown.

The syntax to insert images:
![GitHub Logo](/images/logo.png)
Format: ![Alt Text](url)

So for the images I want to insert, the syntax:
![most popular picture of China in this summer](http://steemit.serviceuptime.net/images/geyou_20160729.jpg)

The result:
most popular picture of China in this summer

中文版:
如何在Steemit文章中插入图片?(这个夏天中国最流行的图片)

几乎所有的Steemit文章都是图文并茂呀。
所以我研究一下如何在Steemit文章中插入图片。

最终我发现了两种方式:(或许更多)

  • 使用编辑器插入图像
  • 使用Markdown插入图像

在插入图像之前,你必须首先有图像的URL。
换句话说,你必须将你的图像上传到图像主机。
或许有很多图像主机提供商供你选择,选一个你喜欢的。

我将图像上传到了我的个人站点上。
然后获得了上传的图像的URL,例如
http://steemit.serviceuptime.net/images/geyou_20160729.jpg

第一种方式:使用编辑器插入图像

  1. 点击Steemit右上角的”Submit a Story”打开发帖页面
  2. 点击第二个文本框右上角的”Editor”链接.
  3. 在第二个文本框上部出现一堆工具按钮.
  4. 点击图像按钮, 输入你的图像URL, 点击对号插入图像.

是不是很麻烦?我也觉得!

第二种方式: 使用Markdown插入图像.

插入图像的语法:
![GitHub Logo](/images/logo.png)
Format: ![Alt Text](url)

对于我要插入的图像:
![most popular picture of China in this summer](http://steemit.serviceuptime.net/images/geyou_20160729.jpg)

结果如下:
most popular picture of China in this summer

Categories:   cn, howto, steemit, tutorials

Comments