Typora+picgo+图床实现云笔记

星期四, 6月 19, 2025 | 4分钟阅读

MyraZ
Typora+picgo+图床实现云笔记

Typora+picgo+图床实现云笔记 | Typora上传图片

​ 使用图床可以将图片存放到指定位置,并为其生成网络链接。

​ picgo图床支持的图床包括了阿里云0SS、GitHub图床等8种,本文实现了阿里云OSS、GitHub两种图床。

​ Github是免费的,但是它太慢了。而阿里云OSS是收费的,但是响应速度快。

image-20200406212652339

方案一之阿里云OSS

​ 实现步骤:

  1. 购买阿里云OSS服务
  2. PicGo操作
  3. Typora设置

购买阿里云OSS服务

​ 首先进去阿里云官网,登录,购买阿里云OSS服务。

​ 点击“产品”->点击"存储"->在右侧点击"对象存储"。

image-20250619102311669

​ 进行以下页面,点击"立即购买",新用户可以选择"免费试用"。

image-20250619102621304

​ 进入以下页面,选择指定商品。

image-20250619102752861

​ 购买成功后,进入控制台,找到对象存储OSS控制台。

image-20250619103132052

image-20250619103233720

​ 进入控制台后,点击"创建桶",填写相关信息。选择一个离自己最近的地域。

image-20250619103432759

image-20250619103534590

​ 创建成功后,点击右上角的头像,点击" AccessKey “,点击"创建AccessKey “。该过程需要输入手机号验证码。创建成功之后将钥匙复制到文本中保存备用。该钥匙包括有"Keyld、KeySecret”。

image-20250619103849617

image-20250619104026797

​ 以上步骤完成后,阿里云OSS的操作就全部完成了。

PicGo操作

​ 首先,点击PicGo下载,下载稳定版本,本文下载的是v2.3.1。

image-20250619104956095

​ 下载安装成功之后,打开PicGo,点击"PicGo设置”,勾选阿里云OSS和GitHub图床。往上找到"设置Server",设置监听端口为36677,是其和编辑器端口(Typora)保持一致。

image-20250619105153506

image-20250619105408609

​ 进入图床设置,点击"阿里云OSS",填写相关信息。“Keyld、KeySecret"就是之前保存的两个值,存储空间名就是桶名,存储区域就是地域ID。

image-20250619105639270

image-20250619110031356

​ 配置成功后,拖入图片,验证是否上传成功。

image-20250619110121816

Typora设置

​ 打开Typora,点击"文件”->点击"偏好设置"->点击"图像"->选择"上传图片",勾选前两个->设置上传服务为"PicGo(app)",路径选择PicGo的安装路径。

image-20250619110448112

​ 点击"验证图片上传选项",看是否能上传成功。

​ 最后,可以剪切一张图片到Typora文档中,看图片链接是否改为了网络链接,改了则表示配置成功了。

方案二之GitHub图床

​ 操作步骤:

  1. 建立一个GitHub仓库。
  2. PicGo设置
  3. Typora设置

建立GitHub仓库

​ 首先登录GitHub账号,新建仓库。

image-20250619112347453

​ 设置token。点击头像->点击"设置"->点击"Developer settings"->点击"Personal access tokens"->点击"Tokens (classic)"->点击Generate new token中,选择"Generate new token(classic)"。

image-20250619112541653

image-20250619112628812

image-20250619112831229

​ 在生成令牌页面,设置过期时间,选择以下设置。点击创建,保存token备用。

image-20250619113147505

PicGo设置

​ 图床设置。点击"图床设置"->点击"GitHub",填写相关信息。仓库名填自己新建的仓库名,分支填"main",Token填新建的令牌token。

image-20250619113550754

​ 上传图片测试。点击上传区,拖入一张图片进行上传,看是否上传成功。

image-20250619113849074

Typora设置

​ 设置如方案一。

拓展

图床

图床(Image Hosting Service) 是一种用于存储和托管图片的在线服务,允许用户上传图片并生成公开或私有的访问链接(URL),以便在其他平台(如网站、论坛、社交媒体等)中引用这些图片,而无需将图片直接存储在本地或自有服务器上。

​ 应用场景:一些论坛上禁止上传图片,图床可以把自己的图片保存行到自己的图床上,然后生成链接,你可以同过分享链接就可以把网片分享出去;

​ 如果一次一次的上传获取链接过于复杂,此时就可以便用typora。我们写的文章可以直接分享出去, 而且带图片。

​ Typora的网床功能十分便捷,一次配置,终身享受。

Typora

Typora 是一款 简洁、跨平台Markdown 编辑器,以“所见即所得”(WYSIWYG)的方式让用户专注于内容创作,无需分屏预览即可实时渲染 Markdown 格式。

© 2024 - 2025 拾光舍

 

湘ICP备2025117227号-1 | 湘公网安备43040002000293号
在线工具资源网站

在线工具官网

ProcessOn:👉ProcessOn在线作图

腾讯文档:👉腾讯文档

FlowUs 息流:👉FlowUs 息流

Mermaid Live Editor:👉在线流程图和图表编辑器 - 美人鱼实时编辑器

ME2在线工具(加密工具):👉ME2在线工具-在线开发学习生活工具箱

Textln:👉Textln文本智能云平台-通用文本解析

MinerU:👉MinerU数据提取工具

Crontab:👉Cron Expression Examples - Crontab.guru

正则表达式测试网站:👉regex101: build, test, and debug regex

技术资源网站

技术资源官网

Spring:👉Spring官网

MyBatis中文网 :👉MyBatis 中文网

Redis中文网:👉Redis中文网

Zookeeper:👉Apache ZooKeeper官网

Raft算法:👉Raft Consensus Algorithm官网

Hadoop:👉Apache Hadoop官网

Hive:👉Apache Hive官网

Phoenix:👉Apache Phoenix官网

Bootstrap中文网:👉Bootstrap中文网

Element:👉组件 | Element

Layui :👉Layui - 极简模块化前端 UI 组件库(官方文档)

FreeMarker :👉FreeMarker 中文官方参考手册

ztree树插件: 👉zTree – jQuery 树插件官网

x File Storage:👉x File Storage官网

© 2024 - 2025 拾光舍

 

湘ICP备2025117227号-1 | 湘公网安备43040002000293号