MarkDown内如何调整图片的尺寸及对齐方式?

白色玫瑰 程序猿

时间: 2023-07-12 阅读: 1 字数:1760

{}
想发布已经写好的MarkDown文档,需要手动调整的地方只有图片。原因是默认插入的图片太大的话,图片会占满屏幕,导致浏览不便。 个人体验:常见的横屏情况下,一张图片不宜超过2/3屏幕高度,主体内容不宜超过2/3屏幕...

前言

想发布已经写好的MarkDown文档,需要手动调整的地方只有图片。原因是默认插入的图片太大的话,图片会占满屏幕,导致浏览不便。 个人体验:常见的横屏情况下,一张图片不宜超过2/3屏幕高度,主体内容不宜超过2/3屏幕宽度,这样浏览起来最顺心。

本地笔记编辑使用的是<font color="#0000cc">VNote</font>,是本人经过很长一段时间的查询、筛选与试用,比较喜欢且稳定使用的一款Markdown编辑软件。使用起来比其他的更加得心应手,兼具速度、颜值以及自定义功能。 由于本地图片的插入,在VNote的.md文档内是这样一段文本,直接复制到网上的话需要重新进行处理。 ![](_v_images/20190906211935038_10173.png =460x) 要想完全跟本地笔记显示的样式一样,还是需要花费一番时间,过程挺折腾的。

过程

博客园后台有三种编辑器可选:TinyMCE、Markdown、TextBox,个人理解如下。

<font color="#00cc00">TextBox </font>跟Windows自带的记事本一样,最最精简(功能最少),不考虑。

<font color="#00cc00">TinyMCE </font>类似word,富文本编辑器,功能最多(按钮也多)。 此编辑器下,可以对插入的图片手动调整大小,但不精确。不过可以进入HTML源码编辑器,搜索png,在alt="" 后面插入 width=“500”。 此方法是可以实现问题需求的,但

原文地址:https://blog.csdn.net/Douglas_s/article/details/103071872?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522168915730216800182789340%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fall.%2522%257D&request_id=168915730216800182789340&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~first_rank_ecpm_v1~rank_v31_ecpm-16-103071872-null-null.142^v88^control_2,239^v2^insert_chatgpt&utm_term=markdown

本文章网址:https://www.sjxi.cn/detil/cb1ce616039945759f70c9493b36d402

最新评论

当前未登陆哦
登陆后才可评论哦

湘ICP备2021009447号

×

(穷逼博主)在线接单

QQ: 1164453243

邮箱: abcdsjx@126.com

前端项目代做
前后端分离
Python 爬虫脚本
Java 后台开发
各种脚本编写
服务器搭建
个人博客搭建
Web 应用开发
Chrome 插件编写
Bug 修复