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

in #cn-tutorial7 years ago (edited)

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

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

image.jpg


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

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

把相片上轉到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


效果:
image.jpg


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

把圖片置左的編碼

<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>


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

Sort:  

很有用!
以前發文我的圖的位置放很奇怪....

謝謝你喔:)

很有用,谢谢分享。
upvote+1
follow+1

謝謝你的follow喔

谢谢你的分享,我是喜欢中国文化的韩国人。
看你写的繁体字,你应该是台湾或香港,澳门,新加坡吧?
我Following你了,以后多多关照。

多多關照:)

會中文的韓國人,果然不簡單!值得follow你,多多指教!

哈哈,谢谢你。
我打算以后用中文写文章,请多多关照。

哇,你中文比我還厲害。
我是香港人,我還沒有認識過韓國人的朋友呢。

哈哈,那我是第一个韩国朋友吗?很荣幸。
请多多关照!
我也好想去香港玩。以后一定有机会去的。

歡迎你來喔!

很實用! 終於不用先resize圖再上傳了

很多時候圖片太大令人很煩惱呢

好post! 頂一個! 很有用!

謝謝你喔

這個對我真的是非常有用,已經resteem以方便找尋這文章。多謝你認真的找到方法!

你覺得有用就好了,謝謝你的resteem。

Congratulations @carinewhy! You have completed some achievement on Steemit and have been rewarded with new badge(s) :

Award for the number of upvotes

Click on any badge to view your own Board of Honor on SteemitBoard.
For more information about SteemitBoard, click here

If you no longer want to receive notifications, reply to this comment with the word STOP

By upvoting this notification, you can help all Steemit users. Learn how here!

Thanks for sharing! Very useful tool for me.

I am glad to hear it. :)

很有用文章 已upvote和resteem :)

謝謝upvote和resteem:)

非常棒的图片编辑教程,以后排版就可以美美的啦。

可以幫到你實在太好了。:)

Coin Marketplace

STEEM 0.18
TRX 0.16
JST 0.029
BTC 76262.49
ETH 2949.42
USDT 1.00
SBD 2.63