IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 开发工具 -> CSDN博客 - Markdown:博客内图片缩放、删减水印等的相关操作 -> 正文阅读

[开发工具]CSDN博客 - Markdown:博客内图片缩放、删减水印等的相关操作

因为CSDN也不断在更新,发现它现在的编辑器也有更新,
这样以前的一些操作就失效了,所以写了这个文章,
希望对CSDN的小伙伴们能有所帮助。

如果发现本文有和现在博客操作不一致的情况,欢迎留言或者私信给我,让我来保持该博文的持续更新。

博客内图片删减水印

老版本编辑器消除水印

在今年4月份以前,添加图片的时候会自动带有水印,其图片的地址是类似于下面一段url。

![在这里插入图片描述](https://img-blog.csdnimg.cn/fcfd8148ff82465a823f651e4ca3924c.png?x-oss-
process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAYmx1ZXRhdGE=,size_20,color_FFFFFF,t_70,g_se,x_16)

消除水印的方法是直接如下图所示,删除掉图片地址中从?x-oss开始到末尾的标识即可。

删除后的效果,可以看到图片的水印已经消失:

新版本图片消除水印

新版本添加图片的时候会发现地址后面没有水印字符串了,是否有水印需要在博客设置中进行设置。

依次点击 创作中心 -> 博客设置 -> 图片水印选项,如下图所示:


博客内图片缩放

旧版本是可以在图片地址后面加上 =100,类似这种的操作。新版本需要使用如下方式:

先将图片粘贴到博客编辑页面并获取其默认的图片地址,之后改成如下的html代码即可。

<img src="https://img-blog.csdnimg.cn/4ddc750b210c4ae69fb4394ed41ce1db.png" width="65%">

更改后效果:


博客内图片对齐方式

无论是旧版还是新版都试用,方法为在图片地址后加上所需对其方式的标识即可。
对其标识代码分别如下:

#pic_left
#pic_center
#pic_right

右对齐代码示例:

![](https://img-blog.csdnimg.cn/4ddc750b210c4ae69fb4394ed41ce1db.JPG#pic_right)
或者:
<img src="https://img-blog.csdnimg.cn/4ddc750b210c4ae69fb4394ed41ce1db.png#pic_right" width="65%">

右对齐效果:

Markdown支持html操作,另一种做法是直接写html代码进行居中等操作:

<div align=center><img src="图片链接" height="150" >


点击图片放大

在旧版本博客Markdown编辑器版本中,不支持点击图片放大,在富文本编辑器中可以使用html代码来实现。
在新版本中无需操作,默认发布博客后点击博文中的图片自动会放大。
注意编辑过程中,点击预览时候没有点击图片放大的功能,但是发表博客后可以。


:本文原创由 bluetata 发布于: https://bluetata.blog.csdn.net/ 转载请务必注明出处。

  开发工具 最新文章
Postman接口测试之Mock快速入门
ASCII码空格替换查表_最全ASCII码对照表0-2
如何使用 ssh 建立 socks 代理
Typora配合PicGo阿里云图床配置
SoapUI、Jmeter、Postman三种接口测试工具的
github用相对路径显示图片_GitHub 中 readm
Windows编译g2o及其g2o viewer
解决jupyter notebook无法连接/ jupyter连接
Git恢复到之前版本
VScode常用快捷键
上一篇文章      下一篇文章      查看所有文章
加:2022-05-24 18:25:54  更:2022-05-24 18:28:19 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年5日历 -2024/5/18 16:02:44-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码