Markdown更改图片大小

1.使用简书自带的Markdown编辑器

原始图像:
![loading.png](http://upload-images.jianshu.io/upload_images/1503319-c696a9cd1495d68f.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

loading.png

更改大小:
![loading.png](http://upload-images.jianshu.io/upload_images/1503319-c696a9cd1495d68f.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/200)

loading.png

只需要将后面的宽度更改就可以了.这种改链接有效果的原因是因为服务器根据图片链接对原图进行了缩放并返回.这种方案需要服务器支持对图片链接的识别并进行对应的缩放.

(这种方法在编辑器上有效果,但发表出来后在页面上无效果,不知道为什么)

2.使用HTML <img>标签并设置width和height

Markdown语法:

<img src="http://p1-ks3.532106.com/33f925f1f92649678221088fdfb531a1.jpg" alt="图片替换文本" width="500" height="313" align="bottom" />

只需要更改上面的属性width或height的值就可以了,align="bottom"可以省略或根据需要设置其他值如top , bottom , middle , left , right.

原始图像效果:


mytest.jpg

更改后

<img src="http://p1-ks3.532106.com/33f925f1f92649678221088fdfb531a1.jpg" alt="图片替换文本" width="100" height="30" align="bottom" />

效果:

<img src="http://p1-ks3.532106.com/33f925f1f92649678221088fdfb531a1.jpg" width="100" height="30" align="middle" />

我自己的博客系统是有效果的,但是不知道为啥这里的却渲染不出来.....

3.自己处理图片大小,重新生成图片链接

终极方案,无需考虑各大Markdown编辑器兼容性问题.

原始图像:


mytest.jpg

自己调整大小后的图片:

mytest.jpg

注意

每家的Markdown编辑器语法会有所不同,因此在一个编辑器下写的Markdown复制到另一家的编辑器下,显示可能会有差异.对于新手来说简书自带的Markdown编辑差不多已经够用了.

推荐阅读更多精彩内容

  • # 信息系统前沿课--范老师授课 #第二次作业## 一、重新使用Markdown ##熟悉语法,了解Markdow...
    thought_10c7阅读 59评论 0 0
  • <!DOCTYPE html> Document /* 标签样式初始化 */body{margin:0;p...
    三叶松阅读 280评论 0 2
  • # 第二章 反向传播算法如何工作的? 在上一章,我们看到了神经网络如何使用梯度下降算法来学习他们自身的权重和偏差。...
    mayu8758阅读 94评论 0 0
  • 【综合】【学校教育】{办公文档}http://www.jianshu.com/p/82aba897d1eb{办公文...
    教师易搜阅读 137评论 0 0
  • 【综合】【账号】13831953942-13930914646-13930914564【账号】【串号验证】8699...
    教师易搜阅读 76评论 0 0