Typora+PicGo+阿里云OSS搭建博客图床(超详细)

这篇具有很好参考价值的文章主要介绍了Typora+PicGo+阿里云OSS搭建博客图床(超详细)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

为什么要搭建博客图床?

以CSDN为例,我们可以选择使用大部分blog平台通用的markdown语法进行博客创作

虽然CSDN自带的编辑器已经能满足我们95%的写作需求

但是Typora在markdown语法编辑上能给你提供更好的写作体验

所以我选择了以Typora+Picgo+图床的方式来进行博客创作


而在本地的markdown文件.md中,图片是以“外链”这一形式存在的

  • Office word中,图片是直接插入docx文件里面
  • Markdown中,图片只是一个本地/联网的地址

也就是说,如果我们使用本地markdown编译器(如typora)来编辑MD文件的时候,如果MD里面插入的图片的源文件被移动或者删除了,我们的MD文档里面对应的图片也无法显示出来。

同时,如果我们用本地编辑器写好了一篇博客,想把它上传到CSDN上。CSDN是无法自动转存文件里面的图片的(因为这个图片只是一个你硬盘里面的文件路径)

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0gNYdqHb-1647670910810)(photo/image-20220318140612548.png)]

这时候我们就需要用图床来解决这个问题

什么是图床?

在我们往typora里插入图片的时候,PicGO会自动上传图片到图床,并返回一个图片的链接

这时候你的图片就是一个网络的链接(网址),不再是本地路径。

你也可以在任何有网络的地方、用任何设备访问这张图片了

即便是本地的那张图片移动or删除,也不会影响图床里的这张图片

markdown本地文件里面的图片也就不会失效了!


接下来就是如何搭建阿里云OSS图床的教学了!

前排提醒,阿里云图床需要付费💴,但价格非常便宜!

如果你想白嫖,也可以考虑用gitee作为你的图床。但是gitee有单仓库文件大小限制(600mb)。后续图片多了,转移图床的成本更高。还不如一开始就选个好的平台,不是嘛?

  • typora+picgo+gitee图床配置方法,看这个👉【链接】

22.03.26更新:果然“免费的才是最贵的”,经过多个朋友的反馈,确认gitee图床已经崩溃,图片在gitee仓库内没有问题,但是typora/picgo/obsidian内都无法正常预览图片,CSDN也无法转存!可能是gitee更新了外链机制。还是建议大家更着本篇博客使用阿里云OSS吧!

  • 如何批量转存图片到阿里云oss👉点我

1.准备软件

1.1Typora

  • Typora:【中文官网】

想必各位应该听很多博主安利过Typora这款软件,这里就不展开描述了

新版本typora需要付费买断。可以考虑支持正版,也可以去找找旧版本安装包

参考这个视频👉【链接】

如果你找到了旧版本安装包,需要确认typora版本高于0.9.86

1.2Picgo

  • PicGo:【Github地址】

找到对应安装包,下载安装即可

Typora+PicGo+阿里云OSS搭建博客图床(超详细)

2.配置阿里云OSS

在浏览器搜索阿里云OSS,即可找到官网

https://www.aliyun.com/product/oss

Typora+PicGo+阿里云OSS搭建博客图床(超详细)

2.1注册,开通对象储存

注册账户并实名后,进入你的控制台

Typora+PicGo+阿里云OSS搭建博客图床(超详细)

选择对象储存并开通

Typora+PicGo+阿里云OSS搭建博客图床(超详细)

2.2创建bucket

在左侧选择概览,然后在右侧创建一个新的bucket

Typora+PicGo+阿里云OSS搭建博客图床(超详细)

注意:

  • Bucket名字不能有大写字母
  • 服务器就近选择
  • 图床选择标准存储
  • 读写权限公共读

Typora+PicGo+阿里云OSS搭建博客图床(超详细)

创建完成后,你的bucket应该就出现在了左侧

2.3找到你的地域节点

点击你的bucket名

Typora+PicGo+阿里云OSS搭建博客图床(超详细)

然后点击bucket下的概览

Typora+PicGo+阿里云OSS搭建博客图床(超详细)

访问域名一栏找到你的地域节点,后面会用到

如图,只需要复制oss-cn-shenzhen即可,不需要后面的.aliyuncs.com

Typora+PicGo+阿里云OSS搭建博客图床(超详细)

2.4找到你的Key

来到右上角,鼠标放在你的头像上,在弹出的框里选择AccessKey管理

Typora+PicGo+阿里云OSS搭建博客图床(超详细)

在弹出的选项框里,选择“继续使用”

Typora+PicGo+阿里云OSS搭建博客图床(超详细)

进入后,创建一个AccessKey

Typora+PicGo+阿里云OSS搭建博客图床(超详细)

在弹出的界面里,记住你的accessKeyIdaccessKeySecret


2.5给你的阿里云账户充值

2.5.1收费问题

阿里云OSS的各项收费是独立的!

对于图床而言,有两种收费形式

  • 充值的方式使用储存容量以及流量(默认状态)
  • 按年/月收费,购买一定存储包。流量额外收费

也就是说,即便你购买了下图的存储包,你依旧要为访问图床的流量付钱!

下图是在默认状态下,容量和流量收费的价格

图床使用的是标准型,请勿购买其他类型

  • 储存容量:0.12元/GB/月
  • 图片上传到阿里OSS流量:免费
  • 外网流出流量(如typora访问图床图片):闲时0.25元/GB,时0.50元/GB

仔细算算,我们图床的数据量其实很小的

0.12元/1GB/1个月,一年就是1.44元,远低于40GB的9元收费!

截图/照片以平均0.5mb/张估算,1gb可存放超过1600张图片!

数据低于6GB的情况下直接充值,以GB付费其实比购买储存包更加值得!

2.5.2注意事项

  • 记得给阿里云账户充值!!别到时候欠费停用了!!
  • 刚开始作图床的时候,直接充值使用即可,无需购买容量包

Typora+PicGo+阿里云OSS搭建博客图床(超详细)

到这里,我们阿里云OSS基本配置完毕了😎


3.配置picgo

打开picgo后,在你windows的状态栏里找到picgo的图标,打开picgo的主界面

Typora+PicGo+阿里云OSS搭建博客图床(超详细)

3.1图床设置

在图床设置里面选择阿里云OSS,依照以下步骤填写信息

  • 设定Keyld:填写刚刚获得的AccessKeyID

  • 设定KeySecret:填写AccessKeyIDSecret

  • 设定储存空间名:填写bucket名称

    这里填写的是bucket名称,不是浏览器里的域名

  • 确认存储区域:填写你的地域节点,注意复制的格式

  • 指定存储路径:其实就是自定义一个文件夹的名字,以/结尾

    它会自动在你的bucket里面创建一个文件夹,并把图片上传进去

Typora+PicGo+阿里云OSS搭建博客图床(超详细)

弄完之后,记得“确定”,并点击“设置为默认图床”!


3.2picgo设置

在设置里打开时间戳重命名上传后自动复制URL

时间戳重命名:以上传时间来重命名图片,避免同名的图片无法上传(该设置不影响本地图片名)

Typora+PicGo+阿里云OSS搭建博客图床(超详细)

4.配置typora

进入typora主界面,点击左上角的“文件-偏好设置”

  • 选择图像

  • 插入图片时上传图片

  • 下面的选项全勾上【更新22.03.05: 第二个网络位置的图片可以不勾,避免已经上传到图床的图片重复上传】

  • 上传服务选择PicGo(app)

  • PicGo路径:找到picgo的安装路径
    不是安装包的路径!!!!

5.大功告成!

设置完毕后,我们点击验证图片上传选项

如果弹出以下弹窗,我们的图床就搞定了!😀

Typora+PicGo+阿里云OSS搭建博客图床(超详细)

最后新建一个文件,验证图片是否正常上传

日常写作的时候,我们只需要复制图片,在typora里面粘贴即可,无需拖动!

当你的图片链接显示为阿里云的网络链接,而不是本地路径时

Typora+PicGo+阿里云OSS搭建博客图床(超详细)

我们的图床就大获全胜!

开始你的创作吧!🧐

如果这篇博客帮到了你,还请在留言回复一下哦~万分感谢!

如果你在配置完picgo后发现有问题,检查过picgo配置内容和阿里云OSS设置、重启picgo、重启电脑后仍然无法成功上传。还可以参考这篇博客的配置方法👉【博客园】

更多相关文章:自建lsky pro图床并使用picgo上传文章来源地址https://www.toymoban.com/news/detail-454706.html

到了这里,关于Typora+PicGo+阿里云OSS搭建博客图床(超详细)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Typora + PicGo + GitHub搭建图床

    这一步自行百度 PicGo is Here | PicGo 自行下载安即可 gitHub注册略过,如果不能访问请科学上网 创建仓库 生成访问token 点击右上角头像 - setting - 点击左边最下面Developer settings - Personal access tokens - Tokens(classic) -Generate new token(classic) 点击最下面生成token **设置仓库名:**用户名 + 刚

    2024年01月22日
    浏览(32)
  • gitee+picgo+typora图床搭建

    gitee+picgo+typora图床搭建 1.安装typora 官网下载直接安装:https://www.typora.io/#download 2.编辑typora图像设置 打开 文件 - 偏好设置 - 图像 设置 插入图片时 选择 上传图片 设置 上传服务 为 PicGo-Core(command line) 3.为typora安装PicGo-Core 点击按钮 下载或更新 , PicGo-Core 会自动安装到 Typora 安

    2024年02月03日
    浏览(28)
  • 快速提高写作生产力——使用PicGo+Github搭建免费图床,并结合Typora

    PicGo: 一个用于快速上传图片并获取图片 URL 链接的工具 PicGo 本体支持如下图床: 七牛图床 v1.0 腾讯云 COS v4v5 版本 v1.1 v1.5.0 又拍云 v1.2.0 GitHub v1.5.0 SM.MS V2 v2.3.0-beta.0 阿里云 OSS v1.6.0 Imgur v1.6.0 特色功能 支持拖拽图片上传 支持快捷键上传剪贴板里第一张图片 Windows 和 macOS 支持

    2024年02月12日
    浏览(40)
  • GitHub图床&Typora&PicGo相关配置

    本文作者: slience_me 关于Typora旧版的百度网盘下载路径 链接:https://pan.baidu.com/s/12mq-dMqWnRRoreGo4MTbKg?pwd=oq22 提取码:oq22 如果有不妥,请及时联系我,电子邮件:slienceme520@gmail.com 我将下载链接删除 创建一个图片仓库 进入设置 点击开发者设置 点击Token 用新出的这个 设置部分内

    2024年01月24日
    浏览(27)
  • picGo+gitee+typora设置图床

    当我了解picGo+gitee可以设置图床的时候,我决定试一试。 考虑github国外网站比较慢,我使用的是gitee进行部署。 如果是个人博客需要考虑设备外链,有可能图片显示不成功。 PicGo官方网址 以上有配置说明 百度网盘链接:https://pan.baidu.com/s/1MHxXIOVRiAZqiPJv6jydxw?pwd=8888 提取码:8

    2024年02月11日
    浏览(38)
  • Typora + PicGo + Gitee实现Typora图片上传到图床(1)

    4.2、配置图床 五、Typora 配置图床服务器 一、为什么要使用 =========================================================================== 在不同的平台发布同样的文章,最让人头疼的就是图片问题,如果要手动一个个去重新上传,耗时耗力,还容易搞错。 二、软件准备 =============================

    2024年04月10日
    浏览(35)
  • 腾讯云+PicGo+Typora图床,生成专属图片链接

    原创声明,转载请注明文章链接来源、作者信息 Typora+PicGo+gitHub搭建自己的图床,写作效率大大提升 索奇问答 问:图床是什么? 答:用户可以将图片上传到图床,然后将生成的图片链接贴到论坛或网站中,这样其他人就可以通过链接查看图片,对做笔记、写文章等都方便快

    2024年02月10日
    浏览(36)
  • 在PicGo上使用github图床解决typora上传csdn图片不显示问题(保姆级教程)

    原因:采用电脑截图的方式粘贴到 typora 上的图片形式只能在自己电脑上看到,在 csdn 上显示不了,因为这个图片形式是用的图片的 绝对路径 ,在你电脑上可以找得到,上传到 csdn 后,在 csdn 服务器中就找不到你这个路径。 解决办法:在 PicGo 上使用 github 图床( gitee 图床也

    2024年02月08日
    浏览(36)
  • 【工具使用】Gitee+PicGo实现图床 快速上传本地md文件至博客(非常稳定)

    为了可以非常方便的将本地写好的md笔记直接复制粘贴到博客中, 解决方案是:图片放到服务器上,md文件直接请求服务器上的图片 ,这样可以直接复制所有md内容至网上发布,而不需要再单独上传图片。 实现方案:图床 为了可以非常方便的将本地写好的md笔记直接复制粘贴

    2024年02月02日
    浏览(27)
  • typora 使用 gitee 图床失效解决方案——阿里云 + typora 配置图床

    最近gitee又开始搞心态了,使用gitee白嫖当图床的方案失败。为了更好的获得使用体验,我们使用阿里云的oss进行存储 一、创建阿里oss对象存储 点击折扣套餐,配置默认的即可,具体时限多久自行选择 注意新创建的账户需要实名 购买完成后,在此进行开通,进入控制台 这里

    2024年01月24日
    浏览(25)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包