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

相关文章

oracle数据库索引失效的问题及解决

《oracle数据库索引失效的问题及解决》本文总结了在Oracle数据库中索引失效的一些常见场景,包括使用isnull、isnotnull、!=、、、函数处理、like前置%查询以及范围索引和等值索引... 目录oracle数据库索引失效问题场景环境索引失效情况及验证结论一结论二结论三结论四结论五总结ora

element-ui下拉输入框+resetFields无法回显的问题解决

《element-ui下拉输入框+resetFields无法回显的问题解决》本文主要介绍了在使用ElementUI的下拉输入框时,点击重置按钮后输入框无法回显数据的问题,具有一定的参考价值,感兴趣的... 目录描述原因问题重现解决方案方法一方法二总结描述第一次进入页面,不做任何操作,点击重置按钮,再进行下

解决mybatis-plus-boot-starter与mybatis-spring-boot-starter的错误问题

《解决mybatis-plus-boot-starter与mybatis-spring-boot-starter的错误问题》本文主要讲述了在使用MyBatis和MyBatis-Plus时遇到的绑定异常... 目录myBATis-plus-boot-starpythonter与mybatis-spring-b

电脑显示hdmi无信号怎么办? 电脑显示器无信号的终极解决指南

《电脑显示hdmi无信号怎么办?电脑显示器无信号的终极解决指南》HDMI无信号的问题却让人头疼不已,遇到这种情况该怎么办?针对这种情况,我们可以采取一系列步骤来逐一排查并解决问题,以下是详细的方法... 无论你是试图为笔记本电脑设置多个显示器还是使用外部显示器,都可能会弹出“无HDMI信号”错误。此消息可能

mysql主从及遇到的问题解决

《mysql主从及遇到的问题解决》本文详细介绍了如何使用Docker配置MySQL主从复制,首先创建了两个文件夹并分别配置了`my.cnf`文件,通过执行脚本启动容器并配置好主从关系,文中还提到了一些... 目录mysql主从及遇到问题解决遇到的问题说明总结mysql主从及遇到问题解决1.基于mysql

如何安装HWE内核? Ubuntu安装hwe内核解决硬件太新的问题

《如何安装HWE内核?Ubuntu安装hwe内核解决硬件太新的问题》今天的主角就是hwe内核(hardwareenablementkernel),一般安装的Ubuntu都是初始内核,不能很好地支... 对于追求系统稳定性,又想充分利用最新硬件特性的 Ubuntu 用户来说,HWEXBQgUbdlna(Har

在 VSCode 中配置 C++ 开发环境的详细教程

《在VSCode中配置C++开发环境的详细教程》本文详细介绍了如何在VisualStudioCode(VSCode)中配置C++开发环境,包括安装必要的工具、配置编译器、设置调试环境等步骤,通... 目录如何在 VSCode 中配置 C++ 开发环境:详细教程1. 什么是 VSCode?2. 安装 VSCo

MAVEN3.9.x中301问题及解决方法

《MAVEN3.9.x中301问题及解决方法》本文主要介绍了使用MAVEN3.9.x中301问题及解决方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面... 目录01、背景02、现象03、分析原因04、解决方案及验证05、结语本文主要是针对“构建加速”需求交

Java子线程无法获取Attributes的解决方法(最新推荐)

《Java子线程无法获取Attributes的解决方法(最新推荐)》在Java多线程编程中,子线程无法直接获取主线程设置的Attributes是一个常见问题,本文探讨了这一问题的原因,并提供了两种解决... 目录一、问题原因二、解决方案1. 直接传递数据2. 使用ThreadLocal(适用于线程独立数据)

Nginx、Tomcat等项目部署问题以及解决流程

《Nginx、Tomcat等项目部署问题以及解决流程》本文总结了项目部署中常见的four类问题及其解决方法:Nginx未按预期显示结果、端口未开启、日志分析的重要性以及开发环境与生产环境运行结果不一致... 目录前言1. Nginx部署后未按预期显示结果1.1 查看Nginx的启动情况1.2 解决启动失败的