Markdown插入Base64格式的图片，无需图床，稳定保存
Markdown插入Base64格式的图片，无需图床，稳定保存
我是一个Markdown的爱好者，转存图片是MD经常出问题的地方，因为MD不像其他富文本编辑器，将图片内嵌到文件中，而是用链接的形式引用，或网络链接、或本地地址链接。
所以，图片存储一般有两种常用方式：
- 存在本地，相对路径或绝对路径
- 存在图床
问题
1.如果存在本地，将MD发布到论坛或者博客，大概率图片只会转存一个链接，图片是不会自动上传的
2.如果用图床，稳定性无法保障，且想找到长期稳定、易用的图床很难，哪天图床服务器崩了，就无法查看
3.而且，今天发现吾爱论坛一些板块评论区只能用网络图片，不支持上传
所以采用了第三种存图方式，用Base64编码存图片。
方式
1.图片转成base64编码
一般格式是 data:image/png;base64,XXXXX 或data:image/jpeg;base64,XXXXX
2.转换成图片格式
这样一般就可以正常显示了
预览
我上面两张图就是用的这种方式，套娃了属于是。
吾爱论坛评论区使用方式
1.选择高级模式
2.选择MarkDown
3.输入图片
在右侧可以看到预览，预览出来就说明成功了。
4.关闭纯文本模式
5.查看效果
大家可以去评论区看一下效果
帖子地址
快捷小工具
我用Win32 API写的一个小工具，可以将图片转化成base64，并复制成MD形式，比较简陋，源码不过200行，大佬们可以自己创造新的快捷工具
使用方式
下载链接
文件
密码:fy46
相关文章：
Markdown插入Base64格式的图片，无需图床，稳定保存
Markdown插入Base64格式的图片，无需图床，稳定保存 我是一个Markdown的爱好者，转存图片是MD经常出问题的地方，因为MD不像其他富文本编辑器，将图片内嵌到文件中，而是用链接的形式引用，或网络链接…...
weblogic 连接gaussdb测试数据源是否联通
文章目录 1. gaussdb创建远程连接用户和数据库2. weblogic构建GaussDB源数据库3. 测试结果查询注意 weblogic中jar包已经放入lib目录中gaussdb已经创建可以连接登录的用户和数据库1. gaussdb创建远程连接用户和数据库 新建用户和数据库连接客户端Gauss=# create user lily pas…...
如何成为全域运营商？掌握这2种申请方式就够了！
随着全域概念的兴起，全域运营商的职业前景和收益空间逐渐显现，并迅速成为了热门创业赛道中的一份子，连带着如何成为全域运营商等入局方式相关话题也成为了众多创业者热议的焦点。 不过，从市场现状来看，作为涵盖公域和私…...
@ConfigurationProperties加在方法上
ConfigurationProperties注解通常用于将外部配置文件（如application.properties或application.yml）中的属性映射到Java类中。它通常加在类上，但也可以加在方法上。加在方法上时，通常与Bean注解一起使用，以便将配置属性…...
使用CUBEMX配置的USB大容量存储设备主机库获取LUN数量的不严谨代码纠正
最近在使用usb主机库驱动U盘直接进行扇区读写。 发现MSC库中获取LUN相关代码有问题 代码如下 其中 status USBH_MSC_BOT_REQ_GetMaxLUN(phost, (uint8_t *)(void *)&MSC_Handle->max_lun); MSC_Handle->max_lun (MSC_Handle->max_lun > MAX_SUPPORTED_L…...
合并重叠的区间
这一题不能用差分数组，因为 [1 , 4] [5, 6] 这个就会被合并，正确的做法就是先排序 bool cmp(vector<int> a, vector<int> b) {if (a[0] < b[0]) return 1;if (a[0] b[0]) return a[1] < b[1];return 0; } class Solution { public:ve…...
docker和运维
创建服务 docker service create --name order --network my-net -p 8080:8080 -d xxx 加入swarm集群 docker swarm join --token xxx 更新结点名字为mysql docker node update --label-add servermysql ecs-82ec-0003 创建MySQL服务 docker service create --name mysql --con…...
苍穹外面day13（day10）---订单状态定时处理、来单提醒和客户催单
Spring Task 同学们可以看我这篇文章 Spring Task初学-CSDN博客 订单状态定时处理 新建OrderTask /*** 定时任务类，定时处理订单状态*/ Component Slf4j public class OrderTask {Autowiredprivate OrderMapper orderMapper;/*** 处理超时订单的方法*/Scheduled(c…...
RCE和php文件上传
一、远程命令执行（RCE） RCE漏洞概述 RCE漏洞允许攻击者通过某种方式在目标服务器上执行任意命令。这种漏洞通常出现在服务器端语言中，如PHP。 RCE漏洞原理 PHP中的一些函数可以执行命令或代码，但如果对这些函数的输入未加限制&a…...
nextjs 实现TodoList网页应用案例
参考： https://nextjs.org/ Next.js 是用于网络的一种 React 框架。一些世界上最大的公司在使用它，它能够借助 React 组件的力量让您创建高质量的网络应用程序。 1、创建项目： 另外注意：pages与app路由存在冲突，如果有…...
U盘格式化了怎么恢复数据？教你U盘恢复妙招
U盘作为便携式存储设备，在我们的日常生活和工作中发挥着重要作用。然而，有时由于操作失误或其他原因，我们可能会格式化U盘，从而导致数据丢失。当遭遇这种情况时，很多人会感到焦虑和困惑。不过，幸运的是&…...
化工厂室内外4G/5G+蓝牙+GPS/北斗RTK人员定位系统解决方案
化工厂是高风险场所，含有大量有毒、易燃、易爆、易腐蚀等化学物品，并且环境复杂、设备繁多，一旦出现人为疏忽或者违规操作很容易引发重大安全事故，因此对化工厂员工、外来访客进行科学合理地管控，提升化工厂管理人员管…...
【知识跨境电商API接口丨python数分实战】国际电商平台用户成交转化分析
今天这篇文章将给大家介绍国际电商平台用户成交转化分析案例。 01 初步思路 问题已经明确 GMV的下降，可能出在用户下单成交环节。 这里需要明确GMV下降是今年与去年相比吗？明确GMV下降到底如何判断出来的？对比的对象是什么？如…...
【SpringBoot】Java对象级联校验
对于Javabean对象中的普通属性字段，我们可以直接使用注解进行数据校验，那如果是关联对象呢？其实也很简单，在属性上添加Valid就可以作为属性对象的内部属性进行验证。 public class User{ Size(min3,max5,message"list的Size在…...
【Redis 进阶】哨兵 Sentinel（重点理解流程和原理）
Redis 的主从复制模式下，一旦主节点由于故障不能提供服务，需要人工进行主从切换，同时大量的客户端需要被通知切换到新的主节点上，对于上了一定规模的应用来说，这种方案是无法接受的，于是 Redis 从 2.8 开始…...
CSS实现元素hover时背景色拉伸渐变
HTML代码 <ul><li><p><a href"#">Facebook搜索</a></p></li><li><p><a href"#">Instagram搜索</a></p></li><li><p><a href"#">Google搜索&…...
Activity收不到bundle值
Activity有四种启动模式，一般为默认。 当Activity的启动模式为singleTask或singleInstance的时候，通过Intent传值，getIntent是接收不到值的，为null。 当Activity的启动模式为singletop的时候，若Activity位于栈顶&…...
ZBrush
所有建模软件最开始需要搞清楚的就是基础操作，如旋转视角，放大缩小，移动等，一般可以看上手教程 zbrush中雕刻很重要的概念是笔刷：ZBrush笔刷介绍-CSDN博客 基本操作 编辑模式：T 清除画布：ctr…...
【多线程-从零开始-贰】线程的构造方法和常见属性
Thread 的常见构造方法 在创建线程的时候，是可以给线程起名字的。默认为 Thread-0 、Thread-1… 不会影响线程执行效果，可以更好地进行管理 ThreadGroup -线程组 把多个线程放到一组里，方便统一的设置线程的一些属性不过现在很少用到&#…...
力扣：100379. 新增道路查询后的最短距离 I（Java，BFS）
目录 题目描述：示例 ：代码实现： 题目描述： 给你一个整数 n 和一个二维整数数组 queries。 有 n 个城市，编号从 0 到 n - 1。初始时，每个城市 i 都有一条单向道路通往城市 i 1（ 0 < i < …...
网络编程（Modbus进阶）
思维导图 Modbus RTU（先学一点理论） 概念 Modbus RTU 是工业自动化领域 最广泛应用的串行通信协议，由 Modicon 公司（现施耐德电气）于 1979 年推出。它以 高效率、强健性、易实现的特点成为工业控制系统的通信标准。 包…...
golang循环变量捕获问题
在 Go 语言中，当在循环中启动协程（goroutine）时，如果在协程闭包中直接引用循环变量，可能会遇到一个常见的陷阱 - 循环变量捕获问题。让我详细解释一下： 问题背景 看这个代码片段： fo…...
Auto-Coder使用GPT-4o完成：在用TabPFN这个模型构建一个预测未来3天涨跌的分类任务
通过akshare库，获取股票数据，并生成TabPFN这个模型 可以识别、处理的格式，写一个完整的预处理示例，并构建一个预测未来 3 天股价涨跌的分类任务 用TabPFN这个模型构建一个预测未来 3 天股价涨跌的分类任务，进行预测并输…...
电脑插入多块移动硬盘后经常出现卡顿和蓝屏
当电脑在插入多块移动硬盘后频繁出现卡顿和蓝屏问题时，可能涉及硬件资源冲突、驱动兼容性、供电不足或系统设置等多方面原因。以下是逐步排查和解决方案： 1. 检查电源供电问题 问题原因：多块移动硬盘同时运行可能导致USB接口供电不足&#x…...
Vue2 第一节_Vue2上手_插值表达式{{}}_访问数据和修改数据_Vue开发者工具
文章目录 1.Vue2上手-如何创建一个Vue实例,进行初始化渲染2. 插值表达式{{}}3. 访问数据和修改数据4. vue响应式5. Vue开发者工具--方便调试 1.Vue2上手-如何创建一个Vue实例,进行初始化渲染 准备容器引包创建Vue实例 new Vue()指定配置项 ->渲染数据 准备一个容器,例如: …...
前端开发面试题总结-JavaScript篇(一)
文章目录 JavaScript高频问答一、作用域与闭包1.什么是闭包（Closure）？闭包有什么应用场景和潜在问题？2.解释 JavaScript 的作用域链（Scope Chain） 二、原型与继承3.原型链是什么？如何实现继承&a…...
（转）什么是DockerCompose?它有什么作用？
一、什么是DockerCompose? DockerCompose可以基于Compose文件帮我们快速的部署分布式应用，而无需手动一个个创建和运行容器。 Compose文件是一个文本文件，通过指令定义集群中的每个容器如何运行。 DockerCompose就是把DockerFile转换成指令去运行。 …...
CSS设置元素的宽度根据其内容自动调整
width: fit-content 是 CSS 中的一个属性值，用于设置元素的宽度根据其内容自动调整，确保宽度刚好容纳内容而不会超出。 效果对比 默认情况（width: auto）： 块级元素（如 <div>）会占满父容器…...
JavaScript基础-API 和 Web API
在学习JavaScript的过程中，理解API（应用程序接口）和Web API的概念及其应用是非常重要的。这些工具极大地扩展了JavaScript的功能，使得开发者能够创建出功能丰富、交互性强的Web应用程序。本文将深入探讨JavaScript中的API与Web AP…...
JS手写代码篇----使用Promise封装AJAX请求
15、使用Promise封装AJAX请求 promise就有reject和resolve了，就不必写成功和失败的回调函数了 const BASEURL ./手写ajax/test.jsonfunction promiseAjax() {return new Promise((resolve, reject) > {const xhr new XMLHttpRequest();xhr.open("get&quo…...