【开源图床】利用Typora+PicGo+Github+CDN搭建个人博客图床

[复制链接]
发表于 2026-2-14 07:33:10 | 显示全部楼层 |阅读模式




   准备工作:
  起首电脑得提前完成安装如下:
  1. nodejs情况(node ,npm):【安装指南】nodejs下载、安装与设置具体教程
  2. Picgo:【安装指南】图床神器之Picgo下载、安装与设置具体教程
  3. Typora:【安装指南】markdown神器之Typora下载、安装与无穷利用具体教程
  工具先容:
  

  • typora: Markdown工具,写Markdown文件的神器,轻便、方便、免费
  • PicGo:开源的图片管理工具,可以自己上传图片到各种图床
  • CDN(内容分发网络)是一种网络架构,由于Github搭建的是国外的图床,导致访问速率很慢影响图片表现速率,以是国内也分为单线空间、多线空间和cdn加速三种。本文利用CDN加速网站访问速率。
目次
🌼一、什么是图床?
🌷二、Typora+PicGo+Github+CDN搭建个人图床
☀️2.1 PicGo
☀️2.2 Typora



🌼一、什么是图床?

   图床是一种在线存储图片的服务,通常用于在网页、博客等互联网平台上存储和分享图片。图床服务答应用户将图片上传到服务器,并天生一个唯一的URL链接用于访问这些图片。如许一来,用户可以在发布文章、发表品评大概分享内容时,直接引用这些图片的链接,而无需将图片文件直接插入到内容中。图床服务的上风在于可以减轻网站或博客的服务器负担,进步页面加载速率,同时也方便了用户管理和分享图片资源。常见的图床服务提供商包罗七牛云、腾讯云、阿里云等,别的,也有一些开源的图床工具可供用户自行搭建和利用。
  
🌷二、Typora+PicGo+Github+CDN搭建个人图床

☀️2.1 PicGo

打开PicGo,可以看到PicGo默认表现Github的图床

点击图床设置->github(将其设置成默认图床)

如今必要填入对应的参数(见后续)


前往github官网https://github.com/ 先注册后登录。
新建堆栈(后续用以存放图片)

创建堆栈


此时可以写入参数如下

点击:个人头像->settings


下滑找到Developer settings

创建新的令牌


增长形貌

令牌创建乐成,记得复制令牌!!!

把复制的令牌填入Picgo的参数token,而且参数customPath选择年代,点击确定。
设置自界说域名我们利用免费的CDN,此中UserName和RepoName分别修改本钱身的GitHub的用户名和堆栈名(很简朴的查察方式就是去刚刚创建的图床堆栈项目所在下查察)
  1. 设定自定义域名:
  2. https://raw.githubusercontent.com/UserName/RepoName/main
  3. https://cdn.jsdelivr.net/gh/UserName/RepoName
  4. 二选一
复制代码
这里差别的markdown编辑器大概在此中一个域名的图片渲染不出来,那怎么办呢?固然是换一个呀~     盼望各人在搭建后续发现这个题目可以大概记起这里曾有如许一句话~

由于GitHub 默认分支由master分支改名为main分支,设置分支为main

末了PicGo参数填写如下:



☀️2.2 Typora

打开Typora,选择文件->偏好设置->图像【设置如下】

点击验证图片上传资源

表现乐成!!!
我们可以登录github的对应项目img/目次下查察上传的图片





免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!qidao123.com:ToB企服之家,中国第一个企服评测及软件市场,开放入驻,技术点评得现金

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

×
回复

使用道具 举报

登录后关闭弹窗

登录参与点评抽奖  加入IT实名职场社区
去登录
快速回复 返回顶部 返回列表