VsCode+PicGO+腾讯云实现快速上传markdown图床

文章目录

  • VsCode+PicGO+腾讯云实现快速上传markdown图床
    • 效果图
    • 关于MarkDown
    • 关于VSCode
    • 关于腾讯云
    • 开始
      • 步骤一:注册腾讯云对象存储
        • 1.登录或注册腾讯云(第一次使用先实名认证)
        • 2.打开对象存储页面,点击立即使用
        • 3.创建存储桶
        • 4.配置管理
      • 步骤二:安装VSCode
        • 1.官网下载,自行安装即可。
      • 步骤三:安装配置PicGO插件
        • 1.Vscode扩展中搜索并安装PicGO
        • 2.配置PicGO
        • 3. 下拉框中选择Tcyun。
        • 4.将腾讯云记录的内容设置到PicGO插件中:
    • 使用

需要准备的内容包括: VSCodePicGO插件腾讯云

效果图

关于MarkDown

Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。

在使用Markdown的过程中,目前加载图片有如下几种方法:

  1. 磁盘路径
    缺点:切换了图片存储地址,图片无法加载。
    所以不考虑。
  2. 第三方图床(SM.MS、iPic等)
    优点:免费
    缺点:不稳定性,突然某一天停止服务,将是巨大的损失(例如微博图床)。
  3. 对象存储(阿里云、腾讯云、七牛云等)
    优点:稳定、加载速度快。
    缺点:收费。(七牛云有免费的存储空间)

关于VSCode

Visual Studio Code :一个运行于 Mac OS X、Windows和 Linux 之上的,针对于编写现代 Web 和云应用的跨平台源代码编辑器。

官网下载链接

关于腾讯云

腾讯云价格便宜,10GB空间一年9元,100万次访问1元,所以成本很低,新用户6个月50GB免费试用。

腾讯云官网

开始

步骤一:注册腾讯云对象存储

1.登录或注册腾讯云(第一次使用先实名认证)

登录腾讯云官网,使用微信或QQ注册/登录。

2.打开对象存储页面,点击立即使用


3.创建存储桶

  • 填写名称:随便起名即可
  • 选择区域:不同的区域价格不同
  • 访问权限:公有读私有写

    填写完毕后进行创建,如图所示:

4.配置管理

牢记图示内容,后期需要使用(主要包括:空间名称、地域、密钥信息APPID、SecretId、SecretKey)



步骤二:安装VSCode

1.官网下载,自行安装即可。

步骤三:安装配置PicGO插件

1.Vscode扩展中搜索并安装PicGO

2.配置PicGO

打开:文件>首选项>设置>扩展,打开PicGO。

3. 下拉框中选择Tcyun。

4.将腾讯云记录的内容设置到PicGO插件中:

APPID
Area:所属地区
Bucket:存储空间名称
Path:不设置会将图片上传到根目录
Secret ID
Secret Key
Version:V5

使用

系统 上传剪切板图片 上传本地图片
Windows/Unix Ctrl + Alt + U Ctrl + Alt + E
OsX Cmd + Opt + U Cmd + Opt + E

原贴地址:https://eachwang.com/archives/j001html

VsCode+PicGO+腾讯云实现快速上传markdown图床相关推荐

  1. 使用vscode+picgo+腾讯云搭建本地markdown编辑环境

    本文主要介绍如何配置本地markdown编辑环境,主要使用vscode+picgo+腾讯云,vscode为微软提供的免费的编辑器,picgo用于将图片方便上传到云端并生成链接,腾讯云提供存储环境.ma ...

  2. 【腾讯云服务器+PicGo搭建自己的图床】利用腾讯云服务器搭建自己的私人图床

    起因 一直以来用的gitee图床挂了,本来想折腾折腾再换个图床的,但仔细想想任何图床都有再次挂掉的风险,千好万好不如自己有,之前一直图方便懒就没搭建自己的图床,今天趁这个机会自己利用腾讯云COS搭建一 ...

  3. 腾讯云轻量应用服务器器使用技巧-腾讯云OrcaTerm的上传下载

    前言: 上传下载是WebShell中不可或缺的功能之一,也是我在日常管理过程中经常使用操作.这里就跟着博主的视角来揭秘,腾讯云OrcaTerm的上传与下载. 对比 博主对比了一些shell的应用,这里 ...

  4. tp5封装腾讯云cos文件上传sdk

    第一步: 使用命令安装sdk到框架vendor目录里 composer require tencentcloud/tencentcloud-sdk-php 第二步:在application/commo ...

  5. Java springboot项目引入腾讯云COS实现上传

    Java springboot项目引入腾讯云COS实现上传 pom.xml 配置类CosConfig.java 上传工具类CosClientUtil.java pom.xml <!--腾讯云上传 ...

  6. Gitee+typora+picgo+插件,markdown图床配置,一键将markdown中本地图片上传至图床

    一键将markdown中本地图片上传至图床 推荐配置:Gitee+typora+picgo+插件 文章目录 安装 picgo 配置 typora 配置 Gitee 图床 配置图床设置 配置 typor ...

  7. SpringBoot整合腾讯云COS(上传)

    腾讯云COS文档:对象存储 快速入门-SDK 文档-文档中心-腾讯云 (tencent.com) 开通腾讯云COS 创建存储桶 请求域名可做拼接文件访问URL使用 然后下一步即可 上传文件时需要以上红 ...

  8. 【硅谷课堂】腾讯云点播WEB上传方式代码(第二种方式)

    下载依赖 npm i vod-js-sdk-v6 前端 /vod/course/Video/Form.vue <template><!-- 添加和修改课时表单 --><e ...

  9. web端利用腾讯云点播接口上传视频

    腾讯云web上传文件文档 https://cloud.tencent.com/document/product/266/9239#.E5.B8.B8.E8.A7.81.E9.97.AE.E9.A2.9 ...

  10. TP腾讯云存储COS上传文件

    composer下载: "require": {"qcloud/cos-sdk-v5": ">=2.0" } composer安装 p ...

最新文章

  1. 获取用户真实Ip地址
  2. python 读取json为list及向json文件追加数据
  3. js分页--存储数据并进行分页
  4. HDFS文件和HIVE表的一些操作
  5. gispython定义查询_Python与开源GIS:SpatiaLite 中的基本SQL数据库查询用法
  6. 互联网年终福利大盘点,告诉你过年的正确姿势!
  7. eclipse 编辑 python 中文乱码的解决方案
  8. 思科安全代理 CSA 概述
  9. MySQL优化(二)
  10. 网页开发者模式调整到手机模式_突破极限?ROG 游戏手机 3 内藏 160Hz 刷新率模式...
  11. openwrt编译基本教程
  12. hdmi 计算机 接口类型,四大常用视频接口对比,你的电脑是哪种接口?
  13. python语言的多行注释以什么开头_python实现多行注释的方法
  14. Python保龄球计分Demo
  15. python怎么读汉字翻译拼音_Python 返回汉字的汉语拼音
  16. PS学习(一)-改变logo颜色
  17. Python中的arg,*args,**kwargs用法
  18. 同步磁阻电机simulink仿真下载
  19. 概率论中的“矩”是什么意思
  20. 3、Spark2x 基于内存的计算引擎

热门文章

  1. #PYTHON#数据模型
  2. 转载PHP的静态变量介绍
  3. js undefined null
  4. springboot整合mybatis-pluss、sharding-JDBC 水平分表demo
  5. POI操作Excel表格相关API说明
  6. 高并发下如何保证数据库和缓存双写一致性?
  7. ReentrantReadWriteLock源码解读
  8. 在struts中实现验证码
  9. spring security执行原理流程
  10. 我用 Python 抓取了 7000 多本电子书