用腾讯云COS制作个人图床

最终实现效果

在图片上右键上传，自动将图片上传到腾讯云上，并生成图片的URL到剪切板中。

准备工作

COS

我们需要一个空间，用于存放图片或者文件，这里推荐使用腾讯云，以下均以腾讯云进行演示。

本地环境

这里以腾讯云接口为例，本地需要node.js运行环境。

node.js
腾讯云SDK

安装node.js

node.js

以上链接进去后点击安装LTS版，然后一路next就行了。

安装腾讯云SDK

腾讯云SDK

WIN+R调用运行库，输入cmd，打开控制台。

输入npm i cos-nodejs-sdk-v5 --save -g


C:\Users\Administrator>npm i cos-nodejs-sdk-v5 --save -g

进入腾讯云SDK，将整个项目下载下来（github建议翻墙下载）解压后进入解压目录里运行控制台
输入npm install -g
```
D:\cos-nodejs-sdk-v5-master>npm install -g
```
这里我是将文件解压在了D盘的根目录下了。

环境变量配置

在windows环境变量中增加一项NODE_PATH，最好同时指向2处，例如：C:\Users\Administrator\node_modules和C:\Users\Administrator\AppData\Roaming\npm\node_modules最少指向一处。
前者对应npm的本地安装，后者对应npm的全局安装，若找不到上面两个文件夹，请先安装nodejs和腾讯云SDK。

腾讯云上的设置

请到腾讯云注册账号并实名认证，
新建存储桶（记得将存储桶访问权限设置为共有读私有写，否则后面会因为权限不足导致返回的链接失效）
打开刚刚创建的桶设置，选择域名管理，打开默认加速域名。
在腾讯云菜单中找到CDN并打开，选择刚刚设置的域名，找到高级配置中的HTTP Header配置，添加HTTP Header。参数选择Content-Disposition,取值写inline;filename=FileName.txt
获取APPID、SecretId、SecretKey、存储桶名称、所属地域（括号里面的英文，ap-xx）

以上步骤请自行阅读腾讯云文档，这里不做说明。

设置并编写脚本

WIN+R调用运行库，输入regedit打开注册表编辑器
找到计算机\HKEY_CLASSES_ROOT\*\shell
在shell里面新建项上传腾讯云，在此项下再次新建项command，双击到command里面并修改右侧默认值 cmd.exe /K "C:\yunCos\1.bat "%1""
在C盘根目录建文件夹：yunCos，新建1.bat,内容如下
```
@echo off
node C:\yunCos\yunCos.js %1%
exit
```

新建 yunCos.js文件，内容如下

var picsuffix=new Array(".jpg", ".png", ".bmp", ".jpeg");
function contains(arr, obj) {var i = arr.length;while (i--) {if (arr[i] === obj) {return true;}}return false;
}var filepath=process.argv.splice(2).toString();
var filename = filepath.substring(filepath.lastIndexOf("\\")+1);
var today = new Date();
var year = today.getFullYear();
var month = today.getMonth() + 1;
var urlkey=year+"/"+(month<10?'0'+month:month)+"/"+filename;
var suffix=filename.substring(filename.lastIndexOf("."), filename.length);// 引入模块
var COS = require('cos-nodejs-sdk-v5');
// 创建实例
var cos = new COS({AppId: '*', // 修改为自己的appidSecretId: '*',// 修改为自己的SecretIdSecretKey: '*',// 修改为自己的SecretKey
});
// 分片上传
cos.sliceUploadFile({Bucket: '*',// 修改为自己的存储桶名称，由英文、数字和标点符号组成Region: 'ap-guangzhou',// 修改为自己的所属地域，应该是纯英文的部分Key: urlkey,FilePath: filepath
}, function (err, data) {if(err){console.log(err);}else{console.log(data);const util = require('util');var url='';if (contains(picsuffix, suffix)) {url='![](https://'+data.Location+')';//这里返回的url是md格式，需要可自行更改}else {url='[](https://'+data.Location+')';//这里返回的url是md格式，需要可自行更改}require('child_process').spawn('clip').stdin.end(url);}
});

在任意文件上点击右键，选择上传腾讯云会有脚本框一闪而过，找个文本框粘贴下就会有图片的URL了

参考博客

blog.znmlr.cn

blog.csdn.net/q2158798

个人博客

blog.csdn.net/f317363184

用腾讯云COS制作个人图床相关推荐

[图床] 使用腾讯云轻量服务器 + 腾讯云 CDN 搭建 Chevereto 图床和加速分发方案
本文原载于 https://www.idc.moe/archives/QCloud-Lighthouse-BTPremium-Chevereto-CDN.html 最近良心云和宝塔搞了个宝塔面板·腾讯 ...
typora安装PicGo+配置腾讯云COS图床
第一步下载picGo 在文件>>偏好设置>>图像里找到上传服务,然后选择PicGo(app) 然后就会发现页面多了个下载PicGo的按钮,点击按钮就能到官方下载页面了下载后安 ...
手把手教你Typora图床配置(PicGo+阿里云OSS/腾讯云COS)
本文目录 ❤️Typora + PicGo +阿里云OSS图床 / 腾讯云COS图床配置思路❤️ ✨安装PicGo配置Typora(非常详细) 第一步:安装PicGo 第二步:配置Typora ✨云服 ...
Typora+PicGo-Core+腾讯云COS 图床配置教程
typora+PicGo-Core+腾讯云COS 图床配置教程前言: 1.typora+PicGo-Core+腾讯云COS 图床分别是什么.为什么把他们组合在一起? typoa是一个能做Markd ...
（Ⅲ）使用七牛云作为图床获取外链方式总结（已更换为使用PicGO+腾讯云COS）
1. 图床的选择 (1) 什么是图床? 很多技术人写作都有在用 Markdown 轻量级标记语言进行博客写作,这种写作让我们不用像使用 Word 那么麻烦调整排版和格式,而只需专心写作照样完成排版的一 ...
（Ⅲ）使用七牛云作为图床获取外链方式总结（已更换为使用PicGO+腾讯云COS）...
1. 图床的选择 (1) 什么是图床? 很多技术人写作都有在用 Markdown 轻量级标记语言进行博客写作,这种写作让我们不用像使用 Word 那么麻烦调整排版和格式,而只需专心写作照样完成排版的一 ...
iPic 又双叒叕支持一个图床，还是国产的：腾讯云 COS
最新发布的 iPic,已支持上传图片至腾讯云 Cloud Object Storage(COS),你可以愉快地使用腾讯云 COS 作为图床啦. 值得一提的是,腾讯云 COS 大方地提供了免费流量, ...
MacOS 用typora和picGo配置腾讯云COS图床
MacOS 用typora和picGo配置腾讯云COS图床首先去PicGo最新下载网址,点击PicGo-2.3.0.dmg下载后安装安装好了之后双击之后没有看到对应的启动icon,实际上是在上面的 ...
使用腾讯云cos搭建webp私有图床
准备工具准备一个图床工具,推荐本人使用的开源免费工具:uPic 该工具可以直接在github上下载,访问地址:https://github.com/gee1k/uPic 购买腾讯云cos对象存储服务 ...

用腾讯云COS制作个人图床

文章目录

用腾讯云COS制作个人图床

最终实现效果

准备工作

COS

本地环境

安装node.js

安装腾讯云SDK

环境变量配置

腾讯云上的设置

设置并编写脚本

用腾讯云COS制作个人图床相关推荐

最新文章

热门文章