热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

使用GitHub、JSDelivr、PicGo和Typora构建高效的图床解决方案

本文详细介绍了如何利用GitHub仓库、JSDelivrCDN、PicGo图床工具和Typora编辑器,搭建一个高效且免费的图床系统。通过此方案,用户可以轻松管理和上传图片,并在Markdown文档中快速插入高质量的图片链接。

构建高效图床解决方案

本教程将指导你如何结合 GitHub、JSDelivr、PicGo 和 Typora 创建一个稳定且易于使用的图床系统。

  • 创建 GitHub 公开仓库:

    首先,在 GitHub 上创建一个新的公开仓库用于存储图片资源。确保选择正确的分支(通常是 main 或 master),以保证后续操作顺利进行。

  • 生成 GitHub 访问令牌:

    进入 GitHub 的设置页面,导航至开发者设置部分,点击“个人访问令牌”并生成一个新的令牌。确保为该令牌赋予适当的权限(如 repo 权限),以便能够推送和拉取代码。

  • 配置 PicGo:

    安装并打开 PicGo 后,你需要对其进行基本配置。输入你的 GitHub 用户名和仓库名称,格式为 用户名/仓库名。为了加速图片加载,建议使用 JSDelivr 的免费 CDN 加速服务,其 URL 格式为 https://cdn.jsdelivr.net/gh/用户名/仓库名

  • 配置 Typora:

    接下来,在 Typora 中集成 PicGo。前往 Typora 的图片上传设置,指定 PicGo 的安装路径,并验证连接是否成功。确保端口号与 PicGo 中的服务器设置一致。完成配置后,复制图片到 Typora 中即可自动上传至 GitHub 并生成对应的 Markdown 图片链接。

  • 高级选项 - 自建图床:

    如果你需要更灵活的图床管理功能,可以考虑使用开源项目 ImgURL。该项目提供了社区版和 Pro 版,后者支持 API 接口。你可以参考官方文档或视频教程进行安装。对于 PicGo 用户,需安装 web-uploader 插件以支持自定义 Web 图床。注意:安装插件前请确保已安装 Node.js 环境。


推荐阅读
author-avatar
山间农夫的家
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有