关于博客园或CSDN图片缩放问题

本文介绍如何在Typora中调整图片大小并在博客园或CSDN上正确显示。通过修改markdown代码中的图片属性,实现上传图片的尺寸调整。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

问题

​ 我们在使用Typora中会发现,当我们对插入的图片进行缩放处理时,上传到博客园或CSDN的图片仍是原图大小,那么如何解决这一问题呢?

解决方案

在Typora中上传图片并进行缩放处理后,图片代码会如下图显示:

在这里插入图片描述

代码中的zoom属性不被博客园或CSDN所支持,所以用这种代码以markdown格式粘贴到编辑页面后并不会生效,即显示出来的图片还是原来的大小。

此时,我们只需要将代码style="zoom:67%;"替换为代码width="50%" height="50%",再将源码粘贴到编辑页面即可显示缩放后的大小(参数可自行调节)。

总结

博客园或CSDN图片缩放在markdown中的代码如下:

<img src="https://i.loli.net/2021/07/23/GADmq3N7li28CWL.png" width="50%" height="50%" />
### 博客园CSDN的主要区别对比 #### 阅读量和曝光度 CSDN 的文章通常拥有更高的阅读量,这得益于其成熟的 SEO 策略以及对原创和技术性内容的支持。相比之下,在某些特定主题下,博客园的文章可能更容易被找到并获得较高的搜索排名[^3]。 #### 社区氛围 在 CSDN 上发布的帖子往往收到简洁而有效的评论,适合新手开发者寻求帮助和支持;而对于有一定基础的技术人员来说,博客园提供了更加多样化和深入讨论的机会,形成了一种类似于“百家争鸣”的交流环境[^1]。 #### 自定义程度和个人偏好 如果用户希望对自己的博客界面进行高度定制化设计,则可能会倾向于选择博客园。该平台允许上传 HTML、CSS 和 JavaScript 文件来自由调整样式表单,并且能够实现无广告浏览体验[^5]。 #### 技术支持和服务质量 两个网站都致力于提供高质量的服务给广大程序员群体。然而,由于各自侧重点不同,因此它们所提供的功能也会有所差异。例如,CSDN 更加注重于提高内容的质量及其搜索引擎可见性,从而吸引更多读者关注优质资源;而博客园则强调个性化服务及用户体验优化等方面的工作[^2]。 ```python # 示例代码用于展示如何获取网页源码来分析SEO效果(仅作为说明用途) import requests def get_page_source(url): response = requests.get(url) return response.text if response.status_code == 200 else None csdn_url = "https://www.example.com/csdn-article" cnblogs_url = "https://www.example.com/cnblogs-article" print(get_page_source(csdn_url)) print(get_page_source(cnblogs_url)) ```
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值