vscode+七牛云+阿里云解决markdown图床

2024-08-22 18:08

本文主要是介绍vscode+七牛云+阿里云解决markdown图床,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

比较喜欢markdown写文章,但是因为没有合适的图床,觉得略有遗憾。解决的办法如下:vscode+七牛云+备案的域名,实现快速写博客。

一、vscode及相关插件

使用的插件主要有两个:MarkdownPreviewEnhanced和pasteimagetoqiniu,下面逐个介绍。

1、MarkdownPreviewEnhanced

这个插件的主要用处是实现markdown文档的实时预览,安装后会在文档右上角出现预览的图标,如下:
在这里插入图片描述

插件的使用效果可自行验证。

2、pasteimagetoqiniu

使用这个插件主要是为了快速获得七牛云的外链,七牛云可以给用户提供10个G的免费对象存储空间,作为图床刚好。七牛云首页:七牛云,其他内容可自行了解。

这个插件是需要配置一些参数,示例如下:

{// 有效的七牛 AccessKey 签名授权"pasteImageToQiniu.access_key": "*****************************************",// 有效的七牛 SecretKey 签名授权"pasteImageToQiniu.secret_key": "*****************************************",// 七牛图片上传空间"pasteImageToQiniu.bucket": "blog",// 七牛图片上传路径,参数化命名,暂时支持 ${fileName}、${mdFileName}、${date}、${dateTime}// 示例://   ${fileName}-${date} -> picName-20160725.jpg//   ${mdFileName}-${dateTime} -> markdownName-20170412222810.jpg"pasteImageToQiniu.remotePath": "${fileName}",// 七牛图床域名"pasteImageToQiniu.domain": "http://xxxxx.xxxx.com",// 本地储存位置"pasteImageToQiniu.localPath":"./img"
}

配置方法,文件-- 首选项-- 设置-- 工作区设置-- 扩展-- 插件

在这里插入图片描述

二、七牛云

七牛云的对象存储空间创建、密钥管理直接百度即可,不再赘述。

七牛云现在的存储空间自动分配的域名只能使用一个月,一个月之后就会回收:
在这里插入图片描述

要想一直使用需要绑定一个已备案的域名。

三、备案的域名

因为单独备案的流程太复杂,就在阿里云买了域名和备案。阿里云备案必须得选一个云产品才行,因为域名最初打算就是给七牛云用,就选了最低配的云服务器ECS+弹性公网IP。

因为本身是做过运维,所以只是单纯的用nginx挂了一个静态的页面,备案的流程还在审批,不知道能不能过。

这里给提供阿里云总结的手动建站方式:手动建站方式汇总


后续:域名备案已经成功,个人备案相对比较简单些,七牛云会根据你填写的子域名生成CNAME,只要在阿里云配置即可。

这篇关于vscode+七牛云+阿里云解决markdown图床的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1097005

相关文章

IDEA和GIT关于文件中LF和CRLF问题及解决

《IDEA和GIT关于文件中LF和CRLF问题及解决》文章总结:因IDEA默认使用CRLF换行符导致Shell脚本在Linux运行报错,需在编辑器和Git中统一为LF,通过调整Git的core.aut... 目录问题描述问题思考解决过程总结问题描述项目软件安装shell脚本上git仓库管理,但拉取后,上l

解决docker目录内存不足扩容处理方案

《解决docker目录内存不足扩容处理方案》文章介绍了Docker存储目录迁移方法:因系统盘空间不足,需将Docker数据迁移到更大磁盘(如/home/docker),通过修改daemon.json配... 目录1、查看服务器所有磁盘的使用情况2、查看docker镜像和容器存储目录的空间大小3、停止dock

idea npm install很慢问题及解决(nodejs)

《ideanpminstall很慢问题及解决(nodejs)》npm安装速度慢可通过配置国内镜像源(如淘宝)、清理缓存及切换工具解决,建议设置全局镜像(npmconfigsetregistryht... 目录idea npm install很慢(nodejs)配置国内镜像源清理缓存总结idea npm in

idea突然报错Malformed \uxxxx encoding问题及解决

《idea突然报错Malformeduxxxxencoding问题及解决》Maven项目在切换Git分支时报错,提示project元素为描述符根元素,解决方法:删除Maven仓库中的resolv... 目www.chinasem.cn录问题解决方式总结问题idea 上的 maven China编程项目突然报错,是

在Ubuntu上打不开GitHub的完整解决方法

《在Ubuntu上打不开GitHub的完整解决方法》当你满心欢喜打开Ubuntu准备推送代码时,突然发现终端里的gitpush卡成狗,浏览器里的GitHub页面直接变成Whoathere!警告页面... 目录一、那些年我们遇到的"红色惊叹号"二、三大症状快速诊断症状1:浏览器直接无法访问症状2:终端操作异常

mybatis直接执行完整sql及踩坑解决

《mybatis直接执行完整sql及踩坑解决》MyBatis可通过select标签执行动态SQL,DQL用ListLinkedHashMap接收结果,DML用int处理,注意防御SQL注入,优先使用#... 目录myBATiFBNZQs直接执行完整sql及踩坑select语句采用count、insert、u

MyBatis Plus大数据量查询慢原因分析及解决

《MyBatisPlus大数据量查询慢原因分析及解决》大数据量查询慢常因全表扫描、分页不当、索引缺失、内存占用高及ORM开销,优化措施包括分页查询、流式读取、SQL优化、批处理、多数据源、结果集二次... 目录大数据量查询慢的常见原因优化方案高级方案配置调优监控与诊断总结大数据量查询慢的常见原因MyBAT

MyBatis/MyBatis-Plus同事务循环调用存储过程获取主键重复问题分析及解决

《MyBatis/MyBatis-Plus同事务循环调用存储过程获取主键重复问题分析及解决》MyBatis默认开启一级缓存,同一事务中循环调用查询方法时会重复使用缓存数据,导致获取的序列主键值均为1,... 目录问题原因解决办法如果是存储过程总结问题myBATis有如下代码获取序列作为主键IdMappe

linux配置podman阿里云容器镜像加速器详解

《linux配置podman阿里云容器镜像加速器详解》本文指导如何配置Podman使用阿里云容器镜像加速器:登录阿里云获取专属加速地址,修改Podman配置文件并移除https://前缀,最后拉取镜像... 目录1.下载podman2.获取阿里云个人容器镜像加速器地址3.更改podman配置文件4.使用po

Java中字符编码问题的解决方法详解

《Java中字符编码问题的解决方法详解》在日常Java开发中,字符编码问题是一个非常常见却又特别容易踩坑的地方,这篇文章就带你一步一步看清楚字符编码的来龙去脉,并结合可运行的代码,看看如何在Java项... 目录前言背景:为什么会出现编码问题常见场景分析控制台输出乱码文件读写乱码数据库存取乱码解决方案统一使