我们写博客的时候经常会需要配图,特别是markdown写的时候只能通过网络链接来展示图片。

首先来说存储仓库。测试过几款存储图片的仓库,最终选择方案3:

1、阿里OSS需要付费,空间和流量双向收费,对于流量大的用户会有一点小压力。

2、GitHub有免费空间,但访问速度太慢,甚至无法访问,一切看运气。

3、Gitee访问速度快,但单仓库上限500M,单文件50M,用户总仓库空间为5G。

使用Gitee确实速度很快,虽然空间受到限制,不过前期我觉得500M够用。

后续多个仓库使用也不会有问题,毕竟不可能免费无节制,服务器受不了,也避免资源浪费。

图床存储问题解决之后,接下来就需要一个工具能够快速上传并转换成链接的工具,这里推荐PicGo图床工具。所谓图床工具,就是自动把本地图片转换成链接的一款工具。

因为我平时习惯使用markdown,不管是文档输出还是笔记都非常方便,文章最后也会和大家说如何配置markdown配合Picgo一键上传并生成链接。下面以win7为例开始配置:

Gitee使用配置

注册Gitee账号并生成密钥

完成Gitee账号注册后,创建一个公有仓库:

依次找到:设置--私人令牌--生成新令牌

先取消全选,再勾选projects,然后提交:

提示要输入gitee账户密码,输入即可。

到此便获得了私人令牌,点击复制,先保存好令牌一会PicGo会用到。

注意:该窗口关闭后,将无法再查看该私人令牌。

到此Gitee配置完成。

gitee图床也是有一定局限性的:如果上传大于1MB的图片,图片插入到markdown编辑器后,是无法显示出来的。利用图片压缩工具将图片压缩到小于1MB,然后再用Picgo上传到gitee

PicGo使用配置

安装PicGo并搜索Gitee插件

下载地址:https://github.com/Molunerfinn/PicGo

因为我电脑是win7,所以找到了x64.exe

安装完成后,进入PicGo的设置-->插件设置,搜索gietee

点击安装gitee-uploader 1.1.2,即可顺利安装。

注意:如果没装nodejs会提示并跳转引导你安装,完成后重启PicGo重新搜索即可。

nodeJs到14.0.0就不支持win7系统了,只能选择之前的版本,比较新的是13.14.0版

https://nodejs.org/download/release/v13.14.0/node-v13.14.0-x64.msi

进入PicGo设置界面,在左边找到gitee。按照下图进行gitee图床的配置。

其中:

  1. repo处填写 gitee账户名/仓库名
  2. branch处填写 master
  3. token处填写上一步获取的私人令牌
  4. path处填写2021/images
  5. 其他的保持默认,不用管。

顺便提一下,gitee账户名/仓库名可以在你的gitee仓库的网页地址中复制。

填写完毕后,点击确定,并设置为默认图床

最后设置好快捷键,截图到剪切板之后即可将图片上传到图床。

markdown使用配置

平时会用Typora来编写Markdown,为方便存储图片下载新版Typora设置一键上传即可。

依次点击:文件--偏好设置--图像,按下图配置即可:

注意:上传服务选择PicGo(app)PicGo路径选择安装目录中启动程序即可。

粘贴到Markdown之后右键,即可上传并转换相应的链接。

---- 钢铁 648403020@qq.com 2021.08.16

参考鸣谢

https://mp.weixin.qq.com/s/_T5NX_qOgqaIu3atiemUmg

免费个人图床搭建gitee+PicGo的更多相关文章

  1. 【教程】使用gitee搭建免费的图床

    前几天七牛云的免费图床测试域名回收,导致我上传的图片都不能访问!要配置自定义域名,域名还要绑定主机.没有云主机的我开始想你们搞一个免费的图床,并且数据也不会丢失呢 ? ​ 想到之前自己在GitHub上 ...

  2. Chevereto免费图床搭建教程 | vps搭建免费图床教程

    Chevereto免费图床搭建教程 | vps搭建免费图床教程 本文首发于:https://chens.life/How-to-build-a-free-image-bed.html 前言 自从有了个 ...

  3. PicGo+GitHub 图床搭建

    前言 用GitHub搭建图床,在很久之前我就有了解,但由于市面上有挺多免费的图床,比如我之前一直在用的 路过图床,所以一直懒得动手搭建GitHub图床.一直到前两天我在完善博客的相册时,发现 路过图床 ...

  4. 免费稳定图床最佳实践:PicGo+GitHub+jsDeliver 极简教程

    一.下载 PicGo PicGo 是啥?顾名思义,它是一个快速上传图片并获取 图片 URL 链接的工具. 目前支持七牛.腾讯云.阿里云和 GitHub 等图床.该工具代码已在 GitHub 开源,读者 ...

  5. 关于使用阿里OSS服务搭建图床和使用PicGO上传图片到图床

    最近喜欢上了使用markdown来写博客,可是markdown的图片却是本地的,如果我要发博客,那么又要重复截图了.于是干脆弄了个图床,本地截图的时候上传到图床,markdown中的代码结果也是图床里 ...

  6. 图床搭建|chrome插件|操作简单不要钱

    为什么需要一个图床 为了写博客 图床:专门用来存放图片,同时允许你把图片对外连接的网上空间. 用markdown格式写作,插入图片需要图片的url地址,然后博客的背景图也是要用url地址. 有段时间, ...

  7. 【pic+js+gh】免费高速图床方案

    本文用到的工具或网站 PicGo jsdelivr github 速度对比 Github的速度: jsdelivrCDN的速度: 下载PicGo 首先进入PicGo的下载地址 选择最新版本下载,根据自 ...

  8. Typora多线程批量上传图片,永久免费25G图床

    为了满足日常需求,就写了一个自动上传图片到图床的脚本 运行该程序可以做到自动完成图片上传,并自动替换为网络链接,支持多图同时上传,采用了多线程,上传速度提升很明显. 以Window系统为例,操作步骤: ...

  9. typora+PicGo+gitee搭建免费的的床

    一.gitee 1.第一步拥有自己的gitee账号 没有的可以自己去注册gitee地址 2.使用自己的gitee账号创建仓库 创建好之后注意 记住.com/以后的地址 此处就为y***L/photo- ...

随机推荐

  1. 浅谈最长上升子序列(O(n*logn)算法)

    今天GM讲了最长上升子序列的logn*n算法,但没讲思路... 我看了篇博客,发现-- 说的有道理!!! 首先,举例子: a[7]={1,2,4,3,6,7,5}(假设以1开头) 很明显,LIS=5: ...

  2. Android系统“资源调度框架”

    Android系统"资源调度框架" 目录 Android系统"资源调度框架" 一.一些问题的思考 "资源"是什么 "资源" ...

  3. redis集群搭建中遇到的一些问题

    redis单机模式启动后,修改完配置文件,使用以下命令创建redis集群: sudo ./src/redis-trib.rb create --replicas 1 ip1:6379 ip2:6379 ...

  4. MySql:Linux下安装MySQL-5.7.12.tar.gz

    一  官网下载 mysql-5.7.12-linux-glibc2.5-x86_64.tar.gz 目前最新为5.7.16,可以直接下载mysql-5.7.16-linux-glibc2.5-x86_ ...

  5. mysql过滤表中重复数据,查询相同数据的特定一条

    待操作的表如下: p.p1 { margin: 0; font: 16px Menlo; color: rgba(0, 0, 0, 1) } span.s1 { font-variant-ligatu ...

  6. MySQL服务器 IO 100%的分析与优化方案

    前言 压力测试过程中,如果因为资源使用瓶颈等问题引发最直接性能问题是业务交易响应时间偏大,TPS逐渐降低等.而问题定位分析通常情况下,最优先排查的是监控服务器资源利用率,例如先用TOP 或者nmon等 ...

  7. 官宣.NET 6 预览版4

    我们很高兴发布 .NET 6 Preview 4.我们现在大约完成了 .NET 6 发布的一半.现在是一个很好的时机,可以再次查看.NET6的完整范围.许多功能都接近最终形式,而其他功能将很快推出,因 ...

  8. ios多线程开发基础

    多线程编程:下载数据时,开辟子线程,减少阻塞时间,和主线程并发运行,提升用户体验 1.Thread 1>新建Thread对象,带一selector方法,调用start方法,开启子线程 2> ...

  9. postgresql安装及配置

    目录 1. 安装 2. PostgrepSQL的简单配置 2.1 修改监听的ip和端口 2.2 修改数据库log相关的参数 2.3 内存参数 3. 数据库的基础操作 3.1 连接数据库控制台 3.2 ...

  10. 【LeetCode】933.最近的请求次数

    933.最近的请求次数 知识点:队列: 题目描述 写一个 RecentCounter 类来计算特定时间范围内最近的请求. 请你实现 RecentCounter 类: RecentCounter() 初 ...