開了#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/
</div>

把圖片置右的編碼
<div class="pull-right">
https://img1.steemit.com/300x300/
</div>
把圖片置中的編碼
<center>
https://img1.steemit.com/300x300/
</center>

用了這些編碼的話,可能不能用enter隔行,在這時候要分行符號:
<br>
希望這教學對大家有用喔。