Typora结合PicGo + 使用Github搭建个人免费图床

原创 已于 2024-02-28 13:51:21 修改 · 5.4k 阅读 · 60
标签
#github
于 2024-02-25 03:01:46 首次发布
本文介绍了如何通过国内图床比较，选择Github作为图床平台，并利用PicGo工具与Typora集成，实现图片的自动上传和CDN加速，提供详细步骤和配置指南。

文章目录


每次写博客时，我都会习惯在Typora写好，然后再复制粘贴到对应的网站上。但是难免会遇到一些问题：Typora里的图片是无法直接赋值粘贴到网上的，因为图片存储在本地，网站上写博客的地方是读取不到本地图片的！

这个时候，图床的用途就体现出来了。使用Typora的自带功能，当我们在Typora里插入图片时，能自动的上传至网络，并且得到图片的url连接！

一、国内图床比较

图床：储存图片的服务器，有国内和国外之分。

结合网上的资料在这里举几个例子

  1. 公共图床：这类图床一般可以直接上传图片，会返回一个链接，供你使用

    • SM.MS图床：无需注册，没有广告，直接上传

    • 路过图床：有点广告，需要注册

  2. 代码托管平台：这类图床一般是建立在代码托管平台的仓库中，使用时要公开仓库

    • GitHub：全球最大代码托管平台，目前除了国内速度慢，几乎没啥缺陷

    • Gitee：国内仿GitHub代码托管平台，但免费的各种容量上的限制，优点是国内速度快

    • 七牛云：速度快，缺点是要点小钱，免费的各种限制

  3. 服务器图床:

    各大云服务器：阿里云，百度云，华为云,或者私人服务器 。除了费用高，没啥缺点，全是优点

但是作为一个学生党，当然白嫖最香！

在gitee和github上纠结很久，最终选择github + jsDelivr（加速），因为gitee的免费个人的空间太小了，并且上传文件的大小限制 < 1M。

二、使用Github搭建图床

新建仓库

image-20240225001855355
在这里插入图片描述

点击右上角用户头像 => settings

最低0.47元/天 解锁文章
(5.1)Typora——Typora 图像保存和上传（ 本地 + PicGo + SMMS/Gitee）
热门推荐
Netceor的博客
08-15 1万+
解决方案其实就是每次将图片上传到一个图床网站，再将内容复制到外面时，会将图像转存。这里提供两个图床，都可以尝试一下。不过第一个我失败了，可能是连接不稳定。 一、SMMS 1、下载 PicGo-Core 文件 → 偏好设置 → 图像 → 上传服务 PicGo-Core（Command line）→ 下载或更新 2、注册 SM.MS 账户 打开网址 ：https://sm.ms/register 注册一个账户，完成后登录 ① 进入用户界面 ② 单击灰色框，会出现一串字符（后面配置有用）.
Typora安装&配置图床工具(picgo)，让你优雅高效的写博客
hibugs
05-30 1295
让你优雅的写博客。释放双手，提高效率。教会你如何拥有极致的写博客体验！
别再花钱买云笔记了！用Typora+GitHub打造你的免费、永不丢失的Markdown知识库（保姆级图文教程）
最新发布
weixin_26804345的博客
04-22 315
本文详细介绍了如何利用Typora和GitHub构建免费的Markdown知识库，实现零成本、数据自主可控的知识管理方案。通过Git的版本控制功能，确保内容永不丢失，支持多端同步。保姆级图文教程涵盖环境配置、本地工作流搭建、高级功能实现及知识库优化，助你打造高效、安全的知识管理体系。
Typora图床配置详细教程
TJLCY的博客
07-14 2775
Typora + PicGo +阿里云OSS配置教程
MarkDown软件Typora图片上传解决方案：Typora+PicGo图床
Sihang_Xie的博客
10-04 1258
MarkDown软件Typora图片上传解决方案：Typora+PicGo图床 一、问题描述 今天在网上学习Java开发环境配置，想在CSDN上写篇博客记录安装及环境配置过程。 经过在网上的调研，相当一部分的程序员都喜欢用一款名为"Typora"的MarkDown编辑软件来记录学习过程或者撰写博客草稿。于是我也开始使用这款软件 Typora官方下载网址：Typora — a markdown editor, markdown reader. 打开网站后往下滑到底，选择你操作系统下载安装即可。 我先用mar
手把手教你设置Typora的图床-gitee
快乐的程序猿
10-05 1945
PicGo-Core 上传图片耗费的计算机资源更少，只有在上传图片时进程才会运行，上传结束后(成功或失败)进程都会退出；PicGo.app 会一直保持运行，不会自动退出，而且由于是程序，因此消耗的资源会更多。至此typora搭建gitee图床就完成了，这样以后分享的文件，就不需要带有图片文件就可以访问图片了，而且再也不用担心图片丢失了！登录gitee，新建仓库 gitee网址：https://gitee.com/根据需要，设置对应的权限，一般默认即可，后续可以更改。打开Typora，文件---偏好设置，
Typora结合PicGo + 使用Gitee搭建个人免费图床
weixin_42169734的博客
08-10 351
repo是你仓库的路径 比如你的仓库路径叫https://gitee.com/xxxx/pic.git。那么就配置为xxxx/pic就可以了 不需要前面的https://和后面的.git。\AppData\Roaming\picgo这个目录下打开cmd。因为AppData是隐藏文件夹所以要把下面这个打开才能看到。如果搜索不到插件的话在C:\Users\。token就是刚才生产的私人令牌。
【开源图床】使用Typora+PicGo+Github+CDN搭建个人博客图床
朝花夕拾
02-17 1万+
利用Typora+PicGo+Github+CDN搭建个人博客图床的方法在技术圈中备受关注。通过Typora编写博文、PicGo上传图片至Github仓库，并借助CDN实现加速，形成了一个高效的个人博客图床解决方案。这一方法简洁易行，不仅提升了博客编辑效率，还有效解决了图片存储和加载速度的问题。
Typora+PicGo图床配置(本地图片--＞网络url~博客必备）
欢迎来到 Baret-H 的博客
06-30 4710
前段时间不是搭了一个个人hexo博客嘛，但是发现了一个很大的问题，在Typora里编辑你的博文的时候，插入的图片都是一些本地图片，我们在博客上面根本不能加载这些图片~~ 其中一个解决方法就是通过一些平台，像知乎、qq相册之类的，把本地图片上传上去，然后获取URL链接，但是这个方法太过麻烦了 因此，我了解到一个图床的概念~ 1. 什么是图床？ 图床一般是指储存图片的服务器，我们用这个服务器托管我们的图片，就可以直接获得图片的网络地址，然后我们在md文本中使用网络地址，这样图片就可以在网页上加载出来了！
2025最新在GitHub上搭建个人图床，保姆级图文教程，实现图片高效管理
qq_74232707的博客
02-15 7184
使用 PicGo 的可视化界面配置 GitHub 图床后，你可以在 Typora 中直接粘贴截图，Typora 会自动通过 PicGo 将图片上传到你的 GitHub 仓库。这样，你和他人就可以通过访问这些链接来共享图片，确保在发送文件时图片不会丢失。
Typora+PicGo写作时图片自动上传
lixin5456985的博客
10-06 1435
自己配置的途中遇到了不少的坑，尽管这其实并不是一件多么复杂的工程，比如这个PicGo是发布在GitHub上的，GitHub在国内有时访问不到、下载速度太慢等等。为了让你少花点时间，我把Windows和mac的PicGo都放到下面网盘中了。其实mac用户还有一个方案可与选，那就是ipic图床。
Typora之PicGo安装及配置教程
wwxk_com的博客
04-18 2331
Typora之PicGo安装及配置教程 前言 ​ Typora是一款非常优秀的笔记软件，为了让我们的使用体验更好，本节为大家带来图床工具PicGo的配置教程，完成配置后，可以在Typora中将图片直接转换为链接保存，这样有利于我们对笔记进行维护，也方便我们将笔记发布到CSDN等平台。 一、PicGo是什么？ ​ PicGo是一款优秀的图床工具，就是一个用于快速上传图片并获取图片 URL 链接的工具。它可以支持七牛云，腾讯云COS，又拍云，GitHub，Gitee，阿里云OSS，SM.MS，imgur 等
Typora+PicGo配置图床
m0_55846238的博客
05-31 1564
Typora+PicGo+阿里云配置方法
Typora中发博客配置picgo图床，一文解决，避大坑！
jayq1的博客
07-26 400
按照本篇文章的操作，一定可以简单配置成功typora的图床，实现发博客时的图片自由！
typora+picgo(码云)
卡哇伊的码农
11-03 870
1. 前言 在线博客的编辑器坑有点多，偶然发现了typora编辑器，本地的markdown，速度很快，但是图片只能保存到本地，可能存在丢失的情况，所以，利用picgo图床来在线保存图片 2. 安装 PicGo gitee-uploader插件 下载picgo安装包 https://github.com/Molunerfinn/PicGo/releases 3. 插件安装 点击右边的gitee-uploader 1.1.2安装 注意：必须先安装node.js才能安装插件，安装了之后重启就行了 4.
配置Typora图床的保姆级教程！！
罗小罗同学的博客
03-21 1659
Gitee（码云）是中国的一个类似于 GitHub 的代码托管平台，提供基于 Git 的代码托管服务。代码托管：Gitee 允许开发者在其平台上托管代码仓库，进行版本控制和团队协作。项目管理：用户可以在 Gitee 上创建项目，管理任务、问题和文档，以便更好地组织和管理项目。协作开发：团队成员可以共同协作开发项目，通过分支、合并请求等功能进行代码审查和合并。持续集成：Gitee 提供持续集成服务，可以自动构建、测试和部署项目，帮助开发团队更高效地进行开发和部署。社交功能。
10分钟搞定Typora——实现免费图床搭建
qq_65034569的博客
01-12 2530
今天就教一下大家如何使用Typora将图片直接上传到图床，实现远程管理吧！以及PicGo插件搜索不到内容的问题
Typora配置图床
qq_39747958的博客
11-28 1659
Typora作为一款轻量级的markdown编辑器，相比其他笔记工具最大优点：所见即所得，可以扩展语法，操作便捷，跨平台。其缺点相比语雀也很突出：本身无法多端同步，需要借助其他工具软件。比如本文提到的图床配置就是借助Github仓库进行保存。当在typora插入图片时，一种是存储在本地电脑，另一种上传到网络。如果要进行上传网络就需要借助图片服务器。下面通过比较国内外图床来选择适合自己的图片托管。
Typora+PicGo+腾讯云COS搭建图床
xk1835217729的博客
04-04 3163
可能很多人害怕对象存储的费用很高，其实不用担心，费用真的很少，他是默认按量计费，我用了半个月才用了几分钱（可能我请求量之类的比较少），如果存放在对象存储上的文件访问的比较少，可以将它们设置为低频存储之类，费用就会更少。Typora从1.0.0版本以后开始收费了，功能更加齐全稳定，如果有更多的需求，还是建议购买，不过测试版的功能已经满足了用户大部分的需求了，如果需要最后一个免费使用的版本，可以点击。然后，进入到对象存储的控制台，如果是第一次使用，这里会显示开通对象存储COS服务，点击开通即可。
最详细的下载安装PicGo图床配合Typora使用
Original0的博客
07-13 3971
添加了gitee插件之后，要把它设为默认图床就可以解决了。不然你使用的是SM.MS图床。】点击下载链接，进行跳转，此链接为GiHub网站，可能会加载不出来。之前创建Gitee仓库时，默认选择的master分支。上传图片时，会在gitee仓库创建一个名为img的文件夹。】点击跳转页面，建议下载红色框中的版本。我下载的是beta版本，测试版，相对正式版不稳定。：repo为用户名+仓库。需要自己检查一下是否填错。customPath：选择年月。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值