markdown笔记(二)—— 插入图片及调整大小
更快地插入圖片
最傳統(tǒng)的插入圖片方式當(dāng)然是使用代碼方式:
但是這種極其不實用,試問還能每次插入個圖片都復(fù)制黏貼個代碼不成?
所幸至少csdn自帶的markdown編輯器有工具欄:
直接點擊圖片即可從本地上傳圖片了,這個和快捷鍵:
是一樣的效果。
但是,即使這樣,不得不說還是很難受,太麻煩了。這里推薦一個更快的方法:ctr/cmd+V。
是的,就是用電腦的截圖工具拿到圖片(對于本地的其他圖片還是上傳吧)放在剪切板中(win下的win+shift+s,mac下的cmd+shift+option+4),然后在markdown編輯器中直接ctr/cmd+V。
修改圖片大小
對上面ctr/cmd+V的方式黏貼的圖片,其語法為:
修改大小可以直接在圖片名后加上:
看代碼:
看效果:
當(dāng)然,要注意:
一定要嚴(yán)格按照這個語法:
空格不能省,等號后面不能有等號,x是字母x。
還可以靈活一點,有時保持縱橫比,只需要指定長即可,那么可以這樣:
設(shè)置圖片居中
圖片名后追加:
"#pic_center" // 空格等號長x寬試一下:
效果:
當(dāng)然,后面的圖片大小設(shè)置可以省去。
其他方案
不同平臺的markdown編輯器和渲染都是不一樣的,在這個平臺上運行顯示正常的markdown文本在其他平臺不一定可行。如上面修改圖片大小及位置的代碼有網(wǎng)友反應(yīng)無效,這里貼上其他大神給出的方案:
markdown中插入圖片怎么定義圖片的大小或比例?
即使用html元素進(jìn)行包裹,利用html容器改變圖片大小和位置。
總結(jié)
以上是生活随笔為你收集整理的markdown笔记(二)—— 插入图片及调整大小的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Python+Vue计算机毕业设计餐饮管
- 下一篇: 引用font-awesome图标库前端显