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

相关文章

解决pandas无法读取csv文件数据的问题

《解决pandas无法读取csv文件数据的问题》本文讲述作者用Pandas读取CSV文件时因参数设置不当导致数据错位,通过调整delimiter和on_bad_lines参数最终解决问题,并强调正确参... 目录一、前言二、问题复现1. 问题2. 通过 on_bad_lines=‘warn’ 跳过异常数据3

解决RocketMQ的幂等性问题

《解决RocketMQ的幂等性问题》重复消费因调用链路长、消息发送超时或消费者故障导致,通过生产者消息查询、Redis缓存及消费者唯一主键可以确保幂等性,避免重复处理,本文主要介绍了解决RocketM... 目录造成重复消费的原因解决方法生产者端消费者端代码实现造成重复消费的原因当系统的调用链路比较长的时

深度解析Nginx日志分析与499状态码问题解决

《深度解析Nginx日志分析与499状态码问题解决》在Web服务器运维和性能优化过程中,Nginx日志是排查问题的重要依据,本文将围绕Nginx日志分析、499状态码的成因、排查方法及解决方案展开讨论... 目录前言1. Nginx日志基础1.1 Nginx日志存放位置1.2 Nginx日志格式2. 499

SpringBoot监控API请求耗时的6中解决解决方案

《SpringBoot监控API请求耗时的6中解决解决方案》本文介绍SpringBoot中记录API请求耗时的6种方案,包括手动埋点、AOP切面、拦截器、Filter、事件监听、Micrometer+... 目录1. 简介2.实战案例2.1 手动记录2.2 自定义AOP记录2.3 拦截器技术2.4 使用Fi

kkFileView启动报错:报错2003端口占用的问题及解决

《kkFileView启动报错:报错2003端口占用的问题及解决》kkFileView启动报错因office组件2003端口未关闭,解决:查杀占用端口的进程,终止Java进程,使用shutdown.s... 目录原因解决总结kkFileViewjavascript启动报错启动office组件失败,请检查of

SQL Server安装时候没有中文选项的解决方法

《SQLServer安装时候没有中文选项的解决方法》用户安装SQLServer时界面全英文,无中文选项,通过修改安装设置中的国家或地区为中文中国,重启安装程序后界面恢复中文,解决了问题,对SQLSe... 你是不是在安装SQL Server时候发现安装界面和别人不同,并且无论如何都没有中文选项?这个问题也

java内存泄漏排查过程及解决

《java内存泄漏排查过程及解决》公司某服务内存持续增长,疑似内存泄漏,未触发OOM,排查方法包括检查JVM配置、分析GC执行状态、导出堆内存快照并用IDEAProfiler工具定位大对象及代码... 目录内存泄漏内存问题排查1.查看JVM内存配置2.分析gc是否正常执行3.导出 dump 各种工具分析4.

Spring的RedisTemplate的json反序列泛型丢失问题解决

《Spring的RedisTemplate的json反序列泛型丢失问题解决》本文主要介绍了SpringRedisTemplate中使用JSON序列化时泛型信息丢失的问题及其提出三种解决方案,可以根据性... 目录背景解决方案方案一方案二方案三总结背景在使用RedisTemplate操作redis时我们针对

SpringBoot整合Dubbo+ZK注册失败的坑及解决

《SpringBoot整合Dubbo+ZK注册失败的坑及解决》使用Dubbo框架时,需在公共pom添加依赖,启动类加@EnableDubbo,实现类用@DubboService替代@Service,配... 目录1.先看下公共的pom(maven创建的pom工程)2.启动类上加@EnableDubbo3.实

nginx中端口无权限的问题解决

《nginx中端口无权限的问题解决》当Nginx日志报错bind()to80failed(13:Permissiondenied)时,这通常是由于权限不足导致Nginx无法绑定到80端口,下面就来... 目录一、问题原因分析二、解决方案1. 以 root 权限运行 Nginx(不推荐)2. 为 Nginx