当前位置: 首页 > news >正文

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

准备工作:

首先电脑得提前完成安装如下:

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的用户名和仓库名(很简单的查看方式就是去刚刚创建的图床仓库项目地址下查看)

https://cdn.jsdelivr.net/gh/UserName/RepoName

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

最后PicGo参数填写如下:


☀️2.2 Typora

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

点击验证图片上传资源

显示成功!!!

我们可以登录github的对应项目img/目录下查看上传的图片

http://www.lryc.cn/news/300898.html

相关文章:

  • 阅读笔记(SOFT COMPUTING 2018)Seam elimination based on Curvelet for image stitching
  • LinkedList数据结构链表
  • [计算机网络]---序列化和反序列化
  • [前端开发] 常见的 HTML CSS JavaScript 事件
  • H5/CSS 笔试面试考题(71-80)
  • 【Node.js】path 模块进行路径处理
  • react+ts【项目实战一】配置项目/路由/redux
  • 英文论文(sci)解读复现【NO.20】TPH-YOLOv5++:增强捕获无人机的目标检测跨层不对称变压器的场景
  • 第十五章 以编程方式使用 SQL 网关 - %SQLGatewayConnection 方法和属性
  • 【QTableView】
  • VS-Code-C#配置
  • 第七篇【传奇开心果系列】Python微项目技术点案例示例:数据可视化界面图形化经典案例
  • LeetCode 第33天 | 1005. K 次取反后最大化的数组和 135. 分发糖果 134. 加油站
  • PointMixer论文阅读笔记
  • [word] word分割线在哪里设置 #其他#经验分享
  • C++ 音视频原理
  • C# 只允许开启一个exe程序
  • 【Java程序员面试专栏 分布式中间件】Redis 核心面试指引
  • 2024年【高处安装、维护、拆除】模拟考试题库及高处安装、维护、拆除实操考试视频
  • 【QT+QGIS跨平台编译】之三十七:【Shapelib+Qt跨平台编译】(一套代码、一套框架,跨平台编译)
  • 【机器学习基础】决策树(Decision Tree)
  • 图神经网络DGL框架,graph classification,多个且不同维度的node feature 训练
  • 蓝桥杯(Web大学组)2022国赛真题:用什么来做计算 A
  • Linux POSIX信号量 线程池
  • Sentinel(理论版)
  • python3 获取某个文件夹所有的pdf文件表格提取表格并一起合并到excel文件
  • 【AIGC】Stable Diffusion的模型入门
  • 【JavaEE】_HTTP请求首行详情
  • Linux第48步_编译正点原子的出厂Linux内核源码
  • 程序员为什么不喜欢关电脑?