新手教學-在steemit内改變圖片大小和圖片排位的方法

開了#cn-tutorial ，希望大家寫教學的時候會用這個分類喔。

@guyverckw 問圖片的resize 和排位是怎樣做的。我搜尋過沒有相關的中文帖(如有請告之），所以我決定自己寫。

---

首先是改變圖片大小的方法。

我會以這張原圖作示範，這是我在香港沙田馬場拍的，應該是吉祥物吧。

把相片上轉到steemit 後，會得到一個網址。

https://steemitimages.com/DQmeDpMXbMnMB1aNFnFMxWFE9ceyFQMstv3NqPme2Ev1oyj/image.jpg

把https://img1.steemit.com/300x300/放在網址前面，即是：

https://img1.steemit.com/300x300/https://steemitimages.com/DQmeDpMXbMnMB1aNFnFMxWFE9ceyFQMstv3NqPme2Ev1oyj/image.jpg

效果：

300x300是圖片尺寸，可以自己改，大家想圖片有多大就多大。
從外部上傳的圖片也可以用同樣方法喔。

https://img1.steemit.com/100x100/https://holland.pk/8yoaqgk6

效果：

---

然後是圖片排位，以下是編碼，把圖片網址塞進編碼就可以啦。在編碼隔壁的就是效果。

把圖片置左的編碼

<div class="pull-left">
https://img1.steemit.com/300x300/https://steemitimages.com/DQmeDpMXbMnMB1aNFnFMxWFE9ceyFQMstv3NqPme2Ev1oyj/image.jpg
</div>

把圖片置右的編碼

<div class="pull-right">
https://img1.steemit.com/300x300/https://steemitimages.com/DQmeDpMXbMnMB1aNFnFMxWFE9ceyFQMstv3NqPme2Ev1oyj/image.jpg
</div>

把圖片置中的編碼

<center>
https://img1.steemit.com/300x300/https://steemitimages.com/DQmeDpMXbMnMB1aNFnFMxWFE9ceyFQMstv3NqPme2Ev1oyj/image.jpg
</center>

用了這些編碼的話，可能不能用enter隔行，在這時候要分行符號：

<br>

希望這教學對大家有用喔。