html2canvas 阿里云图片没显示_最强markdown编辑器typora图床教程- 阿里云版

本文介绍了如何使用阿里云作为图床工具,配合html2canvas和typora编辑器,详细讲解了从注册阿里云账号、开通OSS服务、创建Bucket到配置typora的步骤,确保图片稳定存储。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

史上最稳定的图床工具 - 阿里云 之 typora图床教程最终篇

之前陆续更新了typora图床教程的smms版和七牛云版,本着做事做全套的精神,我又来更新了。

1181de3702792dc420402c209de5c179.png

这次更新的是用阿里云作为图床。 保证是全中国最稳的图床工具人了。

我估计等我敲不动代码了,阿里云也还活得好好的。所以图片安全问题根本不用考虑。

唯一,有点难受的地方就是要花点钱。

但是很便宜,6个月才4.98元,还要啥自行车。

0e96e79af4db078d7f144b8fbf628657.png

先来看看效果吧。

92fdd1261724bf37fd9d4be9becf6d80.png
typora图床演示 - 阿里云版https://www.zhihu.com/video/1241897656299073536

从上视频可以看出,链接从一个本地地址,变成了以阿里云为二级域名的url。即上传成功。

好的,那我们正式开始吧。

准备工作(一),确保typora版本为最新且下载了pig-go-core

  1. 确保typora的版本在0.9.86以上

b0a7ff4c5b0f67451f5e1bc3f1d8eebd.png

2. 打开typora,点开最上面的帮助,点击里面的检测更新,先升级一下版本,确保能用。

899bceebadded5f17019c56a8cea883e.png

3. 接着点开 最上面的文件,点倒数第二个偏好设置

cc11846010fe2a3b4f1330f4c0c5d5cd.png

4. 点击图像

7afd1dcbfb82dc2e4e0e91a0bb6baf8d.png

5. 按照我下面的图,进行选择。

50395fb48e455a012512db4d87889e5f.png

6. 点击下载或更新

f4571c5d0130a4f6076f500d3a411d67.png

准备工作(二)注册阿里云账号

  1. 复制下面链接,访问并注册账号
https://www.aliyun.com/minisite/goods?source=5176.11533457&userCode=vnk7s0ek&type=copy

能有耐心琢磨软件的人,不可能不会注册账号。我就不一个个放图片。加油,你可以的。

2. 下面就假设你已经完成注册并绑定实名身份

正式开战,冲冲冲!!!

  1. 点击控制台

d357dc706cf3700cced701e380ef0b3f.png

2. 选择对象存贮Oss,并开通服务。

a5523f0dff7d3125acfb947b63da8713.png

3. 点击概览,然后点击创建bucket.

a828a91204b713752ef88820f5478126.png

4. 输入创建的信息。

b476d7ee17c90bec0d7086881250d26b.png

5. 最好先买个资源包。就4.98元,一瓶水的钱。有啥舍不得的。

2faf0682a27d2f347c58715a2ac2d370.png

0e96e79af4db078d7f144b8fbf628657.png

半年才4.98元,它不香吗。

好了,到这里,基础工作就全部完成了。

决战开始,胜利就在眼前

  1. 桌面上新建一个txt文本,并复制下面内容到里面。
{
  "picBed": {
    "uploader": "aliyun",
    "aliyun": {
    "accessKeyId": "",
    "accessKeySecret": "",
    "bucket": "", // 存储空间名
    "area": "", // 存储区域代号
    "path": "img/", // 自定义存储路径
     "customUrl": "", // 自定义域名,注意要加 http://或者 https://
     "options": "" // 针对图片的一些后缀处理参数 PicGo 2.2.0+ PicGo-Core 1.4.0+
    }
  },
  "picgoPlugins": {}
}

显然上面信息都是要通过阿里云账号获取的,首先我们来找accessKeyIdaccessKeySecret

2. 鼠标悬浮在右上角头像上,并选择AccssKey管理。

685d8812db80eb8804d8e2b03d4e4e98.png

3. 选择继续使用AccessKey,并点击创建accessKey,将新建的txt文本对应内容替换。

d871bc268c9dadff15d866e3d0e8271c.png

8e6aa1c0e2f5af7d434800e05c034668.png

a5d5e8f88900e8c8457cd63dabbf48ed.png

4. 回到之前的oss对象存贮,点击之前创建的bucket,在点击概览。

0e7cff82a50120861815e6eda0c7ba06.png

5. 根据下面的图,使用自己的创建的bucket信息填充之前新建的txt。

9f38b3c041fcad0696db16b470d1ce40.png

6. 将自己的替换更新。

主要修改:
1. bucket
2. area
3. customUrl

7. 在这里我提供一份完整的修改后的作为参考。

b5d6cec8c6c770c16ada5d0aa3e3ed66.png

8. 回到typora,依次 文件 ----> 偏好设置 -----> 图像,到下面的页面,选择打开配置文件。

a9294c0e13adbb2869bb67f5bf8f9c55.png

9. 将之前的txt文本的里面的信息,复制粘贴到配置里,并ctrl+s进行保存。

好的,大功告成!!!

我们来验证下图片上传功能,点击验证图片上传选项

3b74ca344b895a9317a761f6220c09e8.png

如果,你看到下面这样的页面,那么恭喜你,你成功了。congratulation!!!

394ae79d2acca7c4f7c8da245b0b6c4d.png

如果本篇文章对你有帮助,就点个赞再走吧。

5848d47fe1147008a6713ec85fc71de8.png

爱你,么么哒。

f5681cf24a88480e15f6ba5fcf9f9f5c.png
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值