我们写博客的时候经常会需要配图,特别是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. 1、Centos7下安装Oracle11gR2及多实例

    实验环境: 系统:2核8G内存60G硬盘,centos7.4: 优化操作:已经关闭了防火墙.selinux,/etc/hosts文件中以添加"172.16.1.92 slave-node2& ...

  2. FlowNet:simple / correlation 与 相关联操作

    Flow Net : simple / correlation 与 相关联操作 ​ 上一篇文章中(还没来得及写),已经简单的讲解了光流是什么以及光流是如何求得的.同时介绍了几个光流领域的经典传统算法. ...

  3. MySQL 查看命令执行时间

    查看执行时间 1 show profiles; 2  show variables like "%pro%";查看profiling 是否是on状态: 3 如果是off,则执行se ...

  4. buu 内涵软件

    一.无壳. 并且是32位程序, 二.用ida静态调试一下. 这里我脑子发热啊,flag已经在眼前,活生生被我放跑了,靠,我直接搜索字符串,然后就一脸懵逼的,进入了很多不知名的函数,就炸了,看了wp才知 ...

  5. JS高阶函数的使用

    1.何为高阶函数呢? JavaScript的函数其实都指向某个变量.既然变量可以指向函数,函数的参数能接收变量,那么一个函数就可以接收另一个函数作为参数,这种函数就称之为高阶函数.简单来说,就是对其他 ...

  6. Linux SecureCRT 终端连接密钥交换失败错误

    1.故障现象: 服务器升级OpenSSH和OpenSSL后,SecureCRT无法SSH登录(CRT7.0以上版本可以正常登陆,以下版本报截图错误),但是Putty等工具可以正常登录: 报错如下: S ...

  7. QT. 学习之路 二

    Qt 的信号槽机制并不仅仅是使用系统提供的那部分,还会允许我们自己设计自己的信号和槽. 举报纸和订阅者的例子:有一个报纸类 Newspaper,有一个订阅者类 Subscriber.Subscribe ...

  8. 「CF662C」 Binary Table

    「CF662C」 Binary Table 题目链接 题目所给的 \(n\) 很小,于是我们可以考虑这样一种朴素做法:暴力枚举第 \(i\) 行是否翻转,这样每一行的状态就确定了,这时取每一列 \(0 ...

  9. vlc+flv.js 摄像头 H5 直播

    背景 业务需求:用最短的时间搞定摄像头直播到Web页面.因为没有过这方面经验,所以走了很多弯路,其实也不算弯路吧,大部分时间花在学习基础概念,寻找快速方案中.惯性思维想当然的以为找组件,配地址就能搞定 ...

  10. 【超值分享】为何写服务器程序需要自己管理内存,从改造std::string字符串操作说起。。。

    服务器程序为何要进行内存管理,管中窥豹,让我们从string字符串的操作说起...... new/delete是用于c++中的动态内存管理函数,而malloc/free在c++和c中都可以使用,本质上 ...