Typora+PicGo+OSS搭建博客图床

Q:为什么需要搭建博客图床呢?

A:首先,博客园平台支持markdown语法进行创作

其次,最近想在微信公众号同步文章,在思考有没有多平台快捷发布的办法,经过一番思索,我将目光聚焦到了Typora上,因为这两个平台都是支持markdown语法,需要解决的最大的问题就是“图片上传”,一篇文章如果仅有文字,即使文字再优美,也很难找到产生共鸣的读者。又开始纠结用哪家的云存储服务,打开自己的阿里云平台一看,还有点余额在,刚好之前学习云安全的时候,也接触过OSS对其比较熟悉,就决定采用Typora+PicGo+OSS搭建博客图床

OSS创建存储桶

下文并没有介绍oss费用相关内容,请自行了解

什么是对象存储服务

  • 它是一种云存储的解决方案,专门用于存储和管理海量的非结构化数据(如文件、图片、视频等),每个对象由数据、元数据和唯一标识符组成,支持高扩展性和高可用性
  • 这么解释,可能还是有点模糊,举一些个对象存储服务的产品就清晰明了了:
腾讯COS https://cloud.tencent.com/document/product/436/7751
阿里OSS https://help.aliyun.com/document_detail/31947.html
百度BOS https://cloud.baidu.com/doc/BOS/index.html
华为OBS https://support.huaweicloud.com/api-obs/zh-cn_topic_0031051947.html
亚马逊S3 https://aws.amazon.com/cn/s3/
  • 名字虽然都不同,但是都是指对象存储,只是厂商不一样,就比如我们熟知的网盘就是五花八门的,如百度网盘、夸克网盘、阿里网盘等。COS、OSS、S3等也是如此,实际上都是对象存储服务,只是厂商不同

什么是存储桶

  • 存储桶(bucket)是对象存储数据的基本单位,对象存储中会有若干个桶。说点大白话就是,将对象存储类别成一台电脑,bucket类比成C盘、D盘等,这样是不是好理解多了呢?可以结合下图理解

创建一个存储桶

  1. 打开阿里云官网,https://www.aliyun.com/product/oss,登录

  1. 若从未使用过,点击开通即可

  1. 开通成功后,点击管理控制台

  1. 创建一个存储桶

主要填写三个部分

bucket名称:将会作为四级域名出现,比如你起名为abc,地域选择在杭州,则地址为abc.oss-cn-hangzhou.aliyuncs.com

地域:选择离自己最近的

读写权限:作为图床,读写权限是需要“公共读”,但是直接创建的时候无法直接选择,先选择私有

bucket创建完成之后,在权限控制中关闭“阻止公共访问”,再将bucket ACL(读写权限)设置为公共读

到这里,你就成功的创建了一个存储桶了,如果需要访问,点击bucket列表-概览-访问端口-外网访问-bucket域名

创建AccessKey

  1. 点击右上角账号-AccessKey

  1. 建议使用RAM用户AccessKey

Q:什么是RAM用户?

A:RAM用户是访问控制(RAM)的一种实体身份类型,有确定的身份ID和身份凭证,它通常与某个确定的人或应用程序一一对应。您可以在阿里云主账号下创建不同的RAM用户并为其授权,实现不同RAM用户拥有不同资源访问权限的目的。使用RAM用户,分配相对应的权限,即使被攻击者拿下,危害也相对小

创建一个用户

创建好之后,一定要复制完AK、SK再离开当前页面(PicGo会用到),千万不要刷新

  1. 给Ram用户添加权限

有些文章,可能还会勾选AliyunOSSReadOnlyAccess权限,其实并不需要。因为阿里云权限系统,采用的是“取并级”,加了 ReadOnly 不会“限制”权限,它只是在没有 FullAccess 时才有意义。


PicGo

  1. 在github上下载该软件,https://github.com/Molunerfinn/PicGo

  1. 下载完打开之后,如下图所示,依次输入刚保存的Ram用户的Ak、SK,bucket名称、区域(如果你选了北京,则oss-cn-beijing,以此类推)

  1. 配置完成之后,可以在“上传区”传个图片试试,成功后会出现在“相册”中


Typora

  1. 下载Tyoora

官网:https://typora.io/

中文网站:https://typoraio.cn/

  • Typora的低版本确实存在破解版,Typora的新版本需要付费买断,大概是15刀,可以考虑支持正版
  • 若选择官网购买,购买成功之后,会将license发送到你的邮箱中,但是速度比较慢,大概得1-2h左右;购买后若怀疑邮箱输入错误,可访问该网站Typora Store查询。
  • 中文网站未尝试过购买,尝试过的朋友可以在评论区中说一说体验。
  1. 配置Typora连接PicGo,填好PicGo路径之后,点击验证图片上传选项,弹出来“验证码成功”即表示成功了

  1. 放一张辛普森在我的md文档中

已上传至PicGo中,域名为aliyuncs,确认已上传至oss存储桶中,恭喜你成功啦,为自己鼓鼓掌吧

Typora+PicGo+OSS搭建博客图床的更多相关文章

  1. gitee+typro+picgo搭建博客图床

    gitee+typro+picgo搭建博客图床 前提环境 typro.picgo.nodejs 直接在官网下载即可 下载完成后,打开picgo 安装插件gitee-uploader 1.1-2即可显示 ...

  2. gitee+picgo搭建个人博客图床

    gitee+picgo搭建个人博客图床 准备 首先需要去码云注册一个账号,并新建一个仓库.接着下载PicGO并安装好. 过程 点击左下方的插件设置. image 在搜索框中输入gitee搜索插件,安装 ...

  3. 解决“用PicGo-2.3.0-beta5 + GitHub做博客图床,github仓库图片文件不显示”的问题记录(备忘)

    解决"用PicGo-2.3.0-beta5 + GitHub做博客图床,github仓库图片文件不显示"的问题记录(备忘) 历时几个小时百度,终于靠自己理解解决了GitHub仓库图 ...

  4. typora+PicGo+gitee搭建免费的的床

    一.gitee 1.第一步拥有自己的gitee账号 没有的可以自己去注册gitee地址 2.使用自己的gitee账号创建仓库 创建好之后注意 记住.com/以后的地址 此处就为y***L/photo- ...

  5. GitHub+JSDelivr+PicGo+Typora免费白嫖高速稳定图床

    0. 初衷1. 创建 GitHub 仓库2. 使用 jsDelivr 进行 CDN 加速3. 使用PicGo上传图片4. Typora 配置 PicGo 上传 0. 初衷 平时写文章,经常需要插入图片 ...

  6. 利用Typora+PicGo+OSS+Git+Github/码云搭建个人云笔记

    搭建个人云笔记 对于程序员来讲,使用markdown可以帮助我们快速地写作,书写出排版好看,颜值高的笔记,使用markdown来书写文档相比于使用word要简单快捷的多 市面上有很多markdown的 ...

  7. PicGo软件搭配gitee实现图床

    1.安装PicGo软件,并配置gitee 1.1安装picGo picGo 安装gitee-uploader 插件 官网下载地址如下:最新版本 可以自行选择版本进行下载,这里我选择了最新的版本进行下载 ...

  8. 可能是最详细的 Hexo + GitHub Pages 搭建博客的教程

    前言:博主目前大三,Web 前端爱好者.写博客的好处,不是为了写而写,而是一个记录思想的过程.不要考虑它能带给你什么,而是你自己从中收获了什么. 最近刚好有空,于是就参照网上的各种教程,搭建了一个博客 ...

  9. hexo零基础搭建博客系列(一)

    关于其他搭建 [hexo4快速搭建博客(二)更换主题](https://blog.csdn.net/weixin_41800884/article/details/103750634)[hexo4快速 ...

  10. hexo搭建博客系列(三)美化主题

    文章目录 其他搭建 1. 添加博客图标 2. 鼠标点击特效(二选一) 2.1 红心特效 2.2 爆炸烟花 3. 设置头像 4. 侧边栏社交小图标设置 5. 文章末尾的标签图标修改 6. 访问量统计 7 ...

随机推荐

  1. C# 钩子函数使用

    1. 什么是钩子 hook(钩子)是windows提供的一种消息处理机制平台,是指在程序正常运行中接受信息之前预先启动的函数,用来检查和修改传给该程序的信息,(钩子)实际上是一个处理消息的程序段,通过 ...

  2. autohue.js:让你的图片和背景融为一体,绝了!

    需求 先来看这样一个场景,拿一个网站举例 这里有一个常见的网站 banner 图容器,大小为为 1910*560 ,看起来背景图完美的充满了宽度,但是图片原始大小时,却是: 它的宽度只有 1440 , ...

  3. 不到24小时,AOne让全员用上DeepSeek的秘诀是……

    DeepSeek引发新一轮AI浪潮,面对企业数字化智能升级与数据安全红线的急迫需求,IT负责人的压力山大!如何在24小时内实现全员AI落地,同时为后续安全部署铺平道路? Step1:一键开启全员智能时 ...

  4. Linux - VMware workstation安装虚拟机

    Step1:新建虚拟机 主页/文件 >> 创建新的虚拟机 新建虚拟机向导 典型(推荐)(T) 通过几个简单的步骤创建Workstation虚拟机 自定义(高级)(C) 创建带有SCSI控制 ...

  5. sql---索引总结

    索引:是为了提高数据查询的效率 常见模型: 哈希表(以键值对key-value存储数据的结构) 适应场景:哈希表这种结构适用于只有等值查询的场景 思路:把值放在数组里,用一个哈希函数把key换算成一个 ...

  6. 从文件到块: 提高 Hugging Face 存储效率

    Hugging Face 在 Git LFS 仓库 中存储了超过 30 PB 的模型.数据集和 Spaces.由于 Git 在文件级别进行存储和版本控制,任何文件的修改都需要重新上传整个文件.这在 H ...

  7. vue2中如何使用组合式API和vueuse工具包

    vue2中如何使用组合式API和vueuse工具包 1. 安装 @vue/composition-api 依赖包 yarn add @vue/composition-api # 或 npm insta ...

  8. k8s v1.19版本之后,自签证书过期x509: certificate has expired or is not yet valid

    前言 在 Kubernetes 1.16 版本之前,kubeadm 工具的 alpha certs 子命令用于生成和管理 Kubernetes 集群的证书.然而,从 Kubernetes 1.19 版 ...

  9. go cobra Error: required flag(s) "pkg-name" not set

    Cobra 是一个 Golang 包,它提供了简单的接口来创建命令行程序.同时,Cobra 也是一个应用程序,用来生成应用框架,从而开发以 Cobra 为基础的应用. 使用 cobra init 命令 ...

  10. bug|jest|vue|记录:关于【4-4 使用 TDD 的方式开发 Header 组件(1)】05:26时的运行测试用例出错的问题

    错误情景 提示 jest 配置错误 Configuration error Configuration error: Could not locate module @/components/Hell ...