超详细配置Marktext的Picgo-Core图片上传到七牛云图床

超级详细配置Marktext的Picgo图床过程,并用七牛云图床作为例子演示。小白跟着这个教程做就行了。解决了复制粘贴图片无法上传的问题。

现在Typora已经进入收费时代,我作为一个喜欢免费的博主,自然在寻找替代品。尽管在之前写过《解决Typora报错This beta version of Typora is expired, please download and install a newer version.》,还是觉得找个备胎比较放心,最终决定用Marktext作为替代品。但是这个软件的图床配置起来实在有一些难度,直接能够劝退一些小伙伴,网上找的资料也不详细,经过一段时间摸索,最终成功了,和Typora一样好用。

基本使用

安装包在上一篇文章中,自己下载安装,建议用英文版原版的。中文版应该没什么问题,但是还没经过时间的推敲。

[2022.07最新]原版/汉化版Marktext-V0.17.1安装包下载_Marktext中文汉化包

这里不想做过多介绍,markdown编辑器,和typora啥的都差不多。

没有中文界面,所见即所得,数学表达式、代码高亮,可输出 HTML 和 PDF 文件,也可以直接从剪贴板粘贴图像。

配置Picgo-core

1、安装Node.js

picgo有2个版本,一个是Picgo桌面程序,一个是npm管理的控制台程序picgo,marktext检测与调用的是控制台程序,对于控制台程序使用。Marktext不会像Typora那种可以直接识别通过exe安装的Picgo。

在安装picgo-core之前需要安装上Node.js 版本 >= 8。

可以直接在网上去下载Node.js,也可以实用我下载好的这个安装包:

node-v16.16.0-x64.zip|蓝奏云

然后下一步下一步傻瓜安装就行了,都保持默认。

2、安装picgo-core

前面说了,marktext检测与调用的是控制台程序,安装的桌面程序是无法识别的,这点就比typora差多了。

(1)首先WIN+R打开运行,输入cmd,打开命令窗口:

alt

(2)输入命令:

npm install picgo -g
alt

后回车,进行安装picgo,需要稍等一小会即可。

装完之后,可以用where picgo检测一下安装的picgo:

alt

3、设置picgo的上传图床

这个picgo默认的图床是sm.ms,但是我现在想配置一下七牛云的图床(其他图床类似):

命令框里输入

picgo set uploader

用来配置图床:

alt

4、设置图床参数:

七牛云的图床配置
七牛云的图床配置

常用的图床参数(不是所有的都是必须配置的,具体看图片,带红色星号的就是必须的,"path"和"options"好像都不是必须的):

  • 七牛云的配置:
{
  "accessKey""",
  "secretKey""",
  "bucket"""// 存储空间名
  "url"""// 自定义域名
  "area""z0" | "z1" | "z2" | "na0" | "as0"// 存储区域编号
  "options"""// 网址后缀,比如?imgslim
  "path""" // 自定义存储路径,比如 img/
}
alt

又拍云

{
  "bucket""", // 存储空间名,及你的服务名
  "operator""", // 操作员
  "password""", // 密码
  "options""", // 针对图片的一些后缀处理参数
  "path""", // 自定义存储路径,比如 img/
  "url""" // 加速域名,注意要加 http://或者 https://
}
alt
  • 阿里云
{
  "accessKeyId""",
  "accessKeySecret""",
  "bucket""", // 存储空间名
  "area""", // 存储区域代号
  "path""", // 自定义存储路径
  "customUrl""", // 自定义域名,注意要加 http://或者 https://
  "options""" // 针对图片的一些后缀处理参数 PicGo 2.2.0+ PicGo-Core 1.4.0+
}
alt
{
  "secretId""",
  "secretKey""",
  "bucket""", // 存储桶名,v4 和 v5 版本不一样
  "appId""",
  "area""", // 存储区域,例如 ap-beijing-1
  "path""", // 自定义存储路径,比如 img/
  "customUrl""", // 自定义域名,注意要加 http://或者 https://
  "version""v5" | "v4" // COS 版本,v4 或者 v5
}
alt

5、设置默认图床

picgo use uploader
alt

6、测试图床

# 上传具体路径图片
picgo upload /xxx/xxx.jpg

例如我上传picgo upload C:\Users\Administrator\Desktop\text.png

alt

到此,picgo就配置完成了。

配置marktext的图片上传

打开marktext软件,使用快捷点ctrl + ,对偏好进行配置,或者通过File-->prenference:

alt
alt

上传图片测试:

alt

这就是上传成功了。之所以load failed,是因为我开启了防盗链,但是确实是上传成功了,并且成功生成了链接。

修复剪切板里的图片上传不了的bug

我发现通过复制粘贴剪切板里的图片会一直处于上传的状态。

根据一顿探索,发现是因为可能剪切板中的临时文件,没有实际的保存,导致无法上传,这是整个软件的问题,和typora相比又是一个硬伤。但是有办法解决,那就是使用截图软件sharex

ShareX官网地址

ShareX-V14.1.0|蓝奏云下载|密码:hboh

配置这个截图软件:

alt
alt

之后截完图直接ctrl+V就可以自动上传了。

默认截图后文档\ShareX\Screenshots保存在这个位置。可以在应用程序设置--》路径里面修改:

alt

非商业转载注明出处
原文作者:52txr
原文地址:一篇就够,超详细配置Marktext的Picgo-Core图片上传到七牛云图床


本文由 mdnice 多平台发布

要在uni-app中上传图片到七牛云,可以按照以下步骤进行: 1. 在七牛云上创建一个存储空间,并获取该空间的Access Key和Secret Key。 2. 安装uni-app的官方插件uni-upload,并在项目根目录下的vue.config.js中进行配置,添加以下代码: ``` const qiniuUploader = require('uniapp-qiniu-sdk'); const qiniuOptions = { region: 'your region', // 七牛云存储区域 uptokenURL: 'your uptokenURL', // 服务端提供获取上传凭证的接口 domain: 'your domain', // 七牛云存储空间绑定的域名 }; module.exports = { configureWebpack: { plugins: [ { apply: (compiler) => { compiler.hooks.afterEmit.tapPromise('afterEmit', (compilation) => { return new Promise((resolve, reject) => { qiniuUploader.upload(compilation.assets['your upload file name'].existsAt, 'your key', qiniuOptions, (res) => { console.log(res); resolve(); }, (error) => { console.log(error); reject(); }); }); }); }, }, ], }, }; ``` 3. 在需要上传图片的页面中,添加以下代码: ``` <template> <view> <input type="file" @change="upload"> </view> </template> <script> export default { methods: { upload(event) { const file = event.target.files[0]; qiniuUploader.upload(file, (res) => { console.log(res); }, (error) => { console.log(error); }); }, }, }; </script> ``` 其中,qiniuUploader.upload函数的第一个参数为要上传的文件,第二个参数为上传成功后的回调函数,第三个参数为上传失败后的回调函数。 以上就是在uni-app中上传图片到七牛云的基本步骤,具体使用细节可以根据实际情况进行调整。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Young_svg

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值