图床搭建与工作流优化全方位集成教程：EasyImages2.0与七牛云的搭建与配置+通过 PicGo 实现快速上传+Typora自动化上传功能

于 2024-10-08 18:55:28 发布
阅读量1.1k 收藏 19
点赞数 32
文章标签： 图床 教程 Typora PicGo EasyImages2.0
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44826237/article/details/142766741
版权

1. 准备搭建–简单图床——EasyImage2.0

1.1 前言

无意中网上冲浪的时候，发现了一个叫做 简单图床——EasyImage 的图床，很好用，搭建也很简单。
特别鸣谢简单图床——EasyImage作者大大。

1.2 特点

  • 支持WebP格式转换
  • 支持仅登录后上传
  • 支持设置图片质量
  • 支持文字/图片水印
  • 支持设置图片指定宽/高
  • 支持上传图片转换为指定格式
  • 支持限制最低宽度/高度上传
  • 支持API
  • 在线管理图片
  • 支持网站统计
  • 支持设置广告
  • 支持图片鉴黄
  • 支持自定义代码
  • 支持上传IP黑白名单
  • 支持创建仅上传用户
  • 更多支持请安装尝试···

1.3 项目展示

1.3.1 界面演示

官方提供的图：

img

img

img

img

img

0

1.4 搭建环境

  • 服务器：这边使用了腾讯云轻量应用服务器，学生购机更有优惠，就算是普通用户最近打折促销，我这台2H4G6M服务器只需159续费，完全够用。
    image-20240914001401462
  • 系统：根据自己选择，我这边使用了Ubuntu Server 20.04 LTS 64bit
  • 域名一枚，并做好解析到服务器上（具体请看4.1.1）
  • 【本教程采用】提前安装好宝塔面板，并安装好 Nginx 1.21、 PHP 7.4
1.4.1 域名的选择

这边使用了腾讯云的域名注册，我这整个域名注册流程下来也才33块钱一年，之后续费38一年，还是国家顶级域名，个人觉得非常值。
在这里插入图片描述

1.4.2 兼容性
  • 最低 PHP 5.6,推荐 PHP≥7.0 及以上版本，需要PHP支持 Fileinfo,iconv,zip,mbstring,openssl 扩展,如果缺失可能会导致无法上传/删除图片
  • 文件上传视图提供文件列表管理和文件批量上传功能，允许拖拽（需要 HTML5 支持）来添加上传文件，支持上传大图片，优先使用 HTML5 旧得浏览器自动使用 Flash和Silverlight 的方式兼容

1.5 搭建方式

1.5.1.安装宝塔

宝塔安装很简单，按照系统复制安装代码即可。官网：bt.cn

Centos安装脚本

yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh ed8484bec

Ubuntu安装脚本

wget -O install.sh http://download.bt.cn/install/install-ubuntu_6.0.sh && sudo bash install.sh ed8484bec

Debian安装脚本

wget -O install.sh http://download.bt.cn/install/install-ubuntu_6.0.sh && bash install.sh ed8484bec

安装完成后会在控制台中输出管理访问地址/管理员用户名/管理员密码，如果你使用的是**独立IP**，直接按照上面的访问地址登录即可。

如果不是则可能需要进行**端口转发（端口映射）**！

三家端口映射操作大差不差，我这里简单讲述一下方法：

  • 进入端口映射操作界面
  • 创建一个端口映射
    • 服务名称自己填写，可以填image
    • 外网端口有的服务商是可以自选的，有的是随机分配的，自己选的话选一个能用的就可以。
    • 如果没有SSL需求，内网端口填写80。反之填写443。 由于只是自己使用，我这里就不演示配置SSL证书了。
1.5.2基础环境准备

在宝塔中登录后，会提示让你安装环境，我们这里选择安装

  • Nginx1.21
  • PHP7.4

如果没提示也不要经，在左侧栏中找到软件商店，在应用搜索中搜索PHP和Nginx安装指定版本即可。

1.5.3 安装必需的PHP扩展

当PHP安装完毕以后，需要我们进行额外的操作。

打开宝塔后台-> 软件商店-> 已安装-> 选择php-> 设置->安装 Fileinfo、 iconv、 zip、 mbstring、 openssl 扩展（如果没有就是已经安装了）。

安装完成之后，记得重启PHP。

1.5.4 将域名解析到服务器

把你图床打算用的域名解析到搭建图床的服务器上，这边以腾讯云为例子：
img

1.5.5 新建一个站点

宝塔面板点击新建站点：
在这里插入图片描述

在这里插入图片描述

只需要填写 域名，选择 PHP 即可，简单图床足够简单，不需要数据库！

点击创建！空壳站点成功创建！

1.5.5.1 配置SSL证书

接下来我们配置SSL证书！
在这里插入图片描述

记得打开 强制SSL
在这里插入图片描述

1.5.6 放入下载的源码并解压

紧接着我们打开网站的根路径：
在这里插入图片描述

把里面的东西都删了：
在这里插入图片描述

然后我们从github下载EasyImage的安装包EasyImages2.0上传并解压到网站根目录

之后打开网址，安装环境检测完毕：
image-20240914001948923
image-20240914001954687

后台登陆界面：
image-20240914002000101

1.5.7 登录后台

首次登陆后台，自动检测安装环境：
image-20240914002013200

剩下的就根据需求自行配置

1.6 开始使用

EasyImage2.0 不需要任何伪静态支持，在Apache、Nginx均完美通过使用。

名为简单图床，真的非常简单。

如果复杂的说总共需要四步：

下载程序并上传-> 打开安装网站页面-> 输入基本配置–> 开始上传图片使用

  • 提示：图片域名可以是多个域名以英文,区分 最后一个不加英文逗号分隔符，
  • 上传完毕后软件会随机选择一个图片域名

配合PicGo使用详见 ” 3. 配置简单图床EasyImages2.0 “

2. 准备搭建–基于七牛云对象存储的图床并配置PicGo

2.3 PicGo介绍

PicGo：一个用于快速上传图片并获取图片 URL 链接的工具。

image-20240914005035834

2.4 安装PicGo

PicGo：一个用于快速上传图片并获取图片 URL 链接的工具。

image-20240914005035834

2.4.1 下载

官网下载地址：Release 2.3.0 · Molunerfinn/PicGo · GitHub
https://github.com/Molunerfinn/PicGo/releases

2.4.2 安装

直接打开 .exe 文件，一步步安装即可。

安装后软件如下：

image-20240914005300548

接下来我们来配置图床

2.5 配置七牛云

2.5.1 注册七牛云账号

登录七牛官网，先注册一个七牛云的账号

这里注意，用户类型选择个人账号，然后进行实名认证。

2.5.2 创建七牛云存储空间

image-20240914005948632

image-20240914010854561

2.5.3 给自己的域名添加二级域名

因为我的域名是阿里云的，所以这里用阿里云的讲了

进入腾讯云域名管理

选择解析

image-20240914011151500

然后添加一个二级域名，这个完了先不要关，等下还要改

image-20240914012723344

2.5.4 绑定二级域名

进入七牛云域名绑定页面，点击添加域名，然后下图只需要把刚刚配置的域名写上，然后其余默认就行，点击创建

9de18c0779ef99ca00464b905d1b28fb

image-20240914014507674

然后回到上一个页面，跟着下图操作，找到自己域名点击配置

image-20240914014649697

复制CNAME

image-20240914014736648

写到刚刚的解析

image-20240914014846754

然后回到刚刚添加域名的页面，点击刚刚添加的域名，把记录值改成刚刚复制的东西

配置完了之后等一会，系统审核完成后会发邮件，等状态变成成功说明配置完成了

image-20220330004057289

image-20240914015124119

2.6 配置PicGO

打开PicGo的设置里的七牛图床

2.6.1 获取 AccessKey和SecretKey

进入七牛云页面，右上角头像->密钥管理->复制 AccessKey和SecretKey

2.6.2 填写相应选项

把复制的 AccessKey和SecretKey填入到PicGo中

存储空间名是你第二步建立的空间的名字
访问网址是刚刚绑定的那个二级域名

设定网址后缀可不填，存储路径不填的话默认储存在根目录

存储区域：七牛云的存储区域（华东 z0，华北 z1，华南 z2，北美 na0，东南亚 as0 ），根据你空间所在的区域，填对应的代码

image-20240914015234770

2.6.2 开始使用

image-20240914030423874

点击确认配置完成后就可以上传测试了

3. 配置PicGo的easyimage插件实现简单图床EasyImages2.0上传

3.1 node.js

安装 PicGo 需要用到 node.js,所以我们必须安装它。

3.2 插件安装

打开PicGo搜索插件easyimage

找到如下图插件安装

image-20240914020036493

3.2.1 更改镜像（可选）

如果安装慢，可以试试修改为国内的淘宝镜像尝试

https://registry.npmmirror.com/

image-20240914020145475

3.3 开启API上传

打开自己的简单图床后台，使用管理员账户登录

根据如下图操作

记得在图床安全里打开API上传

image-20240914021123531

3.4 获取Token API地址和Token

得到一个API地址和一个Token

3cfd5ecfd7ed49f053be814fc386619c

3.5 写入API地址和Token

image-20240914020920424

3.6 开始使用

然后就可以上传测试了

image-20240914021002047

4. Typora搭配PicGo实现拖拽插入粘贴上传

4.1 PicGo设置

版本要求
PicGo 2.2.0 及以上。

4.1.1 激活PicGo-Server

2.2.0 版本之后，PicGo 内部会默认开启一个小型的服务器，用于配合其他应用来调用 PicGo 进行上传。

4.1.2 如何设置呢？

打开 PicGo 详细页面，进入 PicGo 设置–设置Server

参考下图进行设置即可。

img

4.2 Typora设置

下面是 Typora 的设置。

4.2.1 版本要求

Typora 0.9.84 及以上。

4.2.2 设置

文件–偏好设置–图像

参考图片中的进行配置。

img

选择本机 PicGo 的路径。

4.2.2 验证图片上传

这里还可以验证图片上传功能。

验证成功会返回下图结果：

▲ 验证上传

4.2.3 使用

上面的设置完成后，在 Typora 里写字时，就可以自动上传图片到图床啦。

4.2.4 拖拽

可以直接选择图片，然后拖拽到编辑页面。

▲ 拖拽上传

4.2.5 编辑器内插入

使用快捷键 Ctrl + Shift + I，可以调出插入图片的功能。

▲ 编辑器内插入

4.2.6 复制粘贴

也可以直接复制图片，然后再编辑器中直接粘贴。

或者截图后直接粘贴（比如 Snipaste）。

▲ 截图后直接粘贴

这里需要多一个点击上传图片的操作。

然后图片就可以上传到图床了。

另外，还可以看到所有的上传在 PicGo 的相册里都能找到：

img

也可以直接复制图片，然后再编辑器中直接粘贴。

或者截图后直接粘贴（比如 Snipaste）。

▲ 截图后直接粘贴

这里需要多一个点击上传图片的操作。

然后图片就可以上传到图床了。

另外，还可以看到所有的上传在 PicGo 的相册里都能找到：

img

这样就算配置完毕啦

5. 打赏

写教程文章不易，若本文有帮助你的话，可以的话打个赏吧~~
在这里插入图片描述

梦葉樱
关注
Typora + PicGo + 七牛云图床
ECHK1NG的博客
09-23 350
像我平常写博客的话，基本很少使用博客系统自带的编辑器，因为网页端很难达到客户端那样的流畅，偶尔还会出现网络问题，造成辛辛苦苦写完的内容丢失，而在客户端则不会出现这种问题。但客户端的问题在于该怎么上传图片，不然博客写完，图片还要一张张的上传，那岂不是得不偿失。所以在这里介绍七牛云搭建图床的方法。
EasyImages2.0：新版简单强大的无数据库的图床2.0版演示地址：
01-28
EasyImage简单图床 支持多文件上传，api上传，简单无数据库，返回图片网址，markdown，bbscode，html的单一图床程序演示地址： ://img.545141.com之前一直用的图床程序是： 。 功能支持： 支持仅登录后上传 支持设置图片质量 支持上传图片转换为指定格式 支持设置图片指定宽/高 支持限制最低宽度/高度上传 支持静态文件CDN /本地切换 支持设置广告 支持开启/关闭api上传 在线管理图片（增，删，改，查） 支持网站统计补充统计代码发布：public / static / hm.js 一年未更新了，这次带来了全新版本2.0！ 在继承上个版本（1.6.4）的基础上进行了全新优化 修复上传经常失败的问题 删除一些不常用但会增加增加的过程（删除的在下边会有标记） 全新的压缩将文件继续缩小 全新的目录系统，精简代码 设置仅允许在config.php修改，注释更加明了，甚至没有代码基础也可以操作 增加新的文件管理系统 注意： 安装之前先使用浏览器访问check.php检查扩展是否都安装！ 使用前请注意先修改config.php中的域域名。 投放所有文件必须
探秘EasyImage2.0：轻量级、强大的图床解决方案
gitblog_00035的博客
05-12 357
探秘EasyImage2.0：轻量级、强大的图床解决方案 EasyImages2.0简单图床 - 一款功能强大无数据库的图床 2.0版项目地址:https://gitcode.com/gh_mirrors/ea/EasyImages2.0 在数字化的世界里，图像已经成为我们表达想法、分享信息不可或缺的一部分。为此，我们很高兴向您推荐一个开源的图床项目——EasyImage2.0。这个项目旨在为用...
欢迎加入 EasyImage2.0 的精彩世界 —— 极简图床，让图像分享更自由
最新发布
gitblog_00946的博客
08-09 886
???? 欢迎加入 EasyImage2.0 的精彩世界 —— 极简图床，让图像分享更自由 EasyImages2.0简单图床 - 一款功能强大无数据库的图床 2.0版项目地址:https://gitcode.com/gh_mirrors/ea/EasyImages2.0 在这个数字化的时代里，图像成为了我们沟通的重要桥梁。从个人博客到商业展示，每一幅图片都承载着独特的故事。然而，寻找一个既高效又可靠...
EasyImages 2.0 图床项目快速入门指南
gitblog_00375的博客
08-09 300
EasyImages 2.0 图床项目快速入门指南 EasyImages2.0简单图床 - 一款功能强大无数据库的图床 2.0版项目地址:https://gitcode.com/gh_mirrors/ea/EasyImages2.0 项目概述 EasyImages 2.0 是一个强大的、无需数据库的图床解决方案，始于2018年7月。它支持多文件上传，并提供便捷的方式获取图片URL，适用于Mark...
Typora+PicGo+七牛云 个人博客方案
何小智的博客
04-30 808
Typora+PicGo+七牛云 个人博客方案 1. PicGo的下载安装 下载地址：https://molunerfinn.com/PicGo/ 找到图床设置，七牛图床。 查看自己需要的配置项。 需要填写的配置项： AccessKey：接入公钥。 SecretKey：自己的私钥。 存储空间名：七牛云上设置的存储空间名。 访问地址：七牛云上空间的外链访问地址。 存储区域：创建空间时，选择的存...
从零开始免费搭建自己的博客(五)——Typora + PicGo + GitHub/Gitee图床
yushuaigee的博客
01-14 1424
​ 本文是博客搭建系列文章第四篇，其他文章链接： 从零开始免费搭建自己的博客(一)——本地搭建 Hexo 框架 从零开始免费搭建自己的博客(二)——基于 GitHub pages 建站 从零开始免费搭建自己的博客(三)——基于 Gitee pages 建站 从零开始免费搭建自己的博客(四)——编写Markdown文章利器 Typora 从零开始免费搭建自己的博客(五)——Typora + PicGo + GitHub/Gitee图床** 从零开始免费搭建自己的博客(六)——三个站点一键发布博客 从.
使用Typora + PicGo + 七牛云配置图床
呆某人Zz的博客
11-19 297
在我准备尝试用Typora写博客时，我发现文章中的图片上传到csdn时无法显示，需要重新在网站上传。我在csdn查找了怎么同步上传Typora中的图片，在看了几个大佬的贴子之后，基本了解了如何实现。于是我决定自己也写一篇有关的博客，作为我的第一篇博客。
使用Typora+PicGo+免费图床实现自动上传图片一键发布博客
Cryueh的博客
11-18 1145
使用Typora自动上传图片至图床 第一步：Typora安装PicGo插件 下载安装PicGo应用安装及配置：更新地址 Typora设置： 第二步：注册图床(七牛云图床)并配置 注册七牛云图床，每月10G流量免费。注册地址 创建空间并设置为公开空间 绑定域名 复制密钥AK及SK 配置PicGo图床环境： ​ 存储区域地区编号代码如下： ​ ​ 其他图床参考可参考该链接进行配置 ​ 第三步：测试Typora 测试PicGo图床是否配置成功 测试Ty
EasyImage图床源码V2.0
源码下载
04-13 589
EasyImage图床源码V2.0，PHP语言，无数据库，支持多文件上传，返回图片url,markdown,bbscode,html的一款图床程序。使用的zui的前端自适应模板，以html5为默认上传并且支持flash，向下兼容至IE9。
EasyImage 2.0源码：简单易用的开源图床解决方案
软希网分享源码的博客
05-12 618
EasyImage 2.0源码：简单易用的开源图床解决方案
win7系统图床服务器,EasyImages(简单图床工具) V2.0 官方版
weixin_26757939的博客
08-06 316
EasyImages是个简单的图床工具，支持多文件上传，异地上传，api上传，简单无数据库，以html5为默认上传并且支持flash，向下兼容至IE9，有需要的可以下载来使用。【功能说明】支持设置图片质量支持上传图片转换为指定格式支持设置图片指定宽/高支持限制最低宽度/高度上传支持静态文件CDN/本地切换使用最新的管理系统支持仅登录后上传支持设置广告支持网站统计 请将统计代码放入:public/s...
个人图床搭建，EasyImages配合PicGo实现复制图片，粘贴则为MD链接的写作方式
euphorias的博客
04-01 1886
文章目录简单图床安装上传配置 Picgo改链接为markdown 格式 简单图床安装 在宝塔面板后台搜索简单图床，一键部署 域名随便输一个，防止域名冲突即可（后面可以再改成我们需要的域名） 找一个没有用过的端口作为图床访问的端口，这样如果有域名的话，就可以个人网站和图床使用同一个域名地址 顺便把之前随便填写的域名删掉 域名配置完毕后，直接访问即可设置图床,现在已经可以通过网页上传图片了 源码地址：https://github.com/icret/EasyImages2.0/releases 官方教
EasyImage2.0 图床源码
pengqingwen的博客
05-13 473
EasyImage2.0 是一个简单图床的源码，它支持以下功能：1. API接口2. 登录后才能上传图片3. 设置图片质量4. 压缩图片大小5. 添加文字或图片水印6. 设定图片的宽度和高度7. 将上传的图片转换为指定的格式8. 限制上传图片的最小宽度和高度9. 上传其他文件格式10. 在线管理图片11. 网站统计12. 设置广告13. 图片鉴黄14. 自定义代码15. IP黑白名单16. 上传日志IP定位17. 限制每日上传次数18. 创建仅能上传的用户。
功能强大的无数据库图床EasyImage
wbsu2004的博客
07-21 8114
EasyImage（简单图床）是一款功能强大无数据库的图床。
使用七牛图床
一路风顺
08-04 929
最近的git访问很慢，连图片都加载不出来，反正学校的这个渣渣网速是不行了，所以就打算将图片转移到图床上去，减轻git的流量。另外刚刚弄了一个阿里云的云主机，还不知道怎么弄，得研究研究。 接下来使用七牛图床。 首先去官网注册一个账号： 注册完之后，来到你的个人主页点击对象储存的，立即添加： 接着输入一个你自己起的名字 创建完成之后，进入里面，点击内容管理，有一个上传文件，然后选择
使用七牛云配置图床(以及Typora配置)
.
04-15 923
注册七牛云 在对象存储中 创建空间 一些注意事项 下载PicGo 进入设置 获取Accesskey和Secretkey 设定访问网址 选址CDN测试域名只可以使用30天 或者绑定自己的域名 上一个图片添加域名之后 , 要去对应的域名服务商设置域名解析 点击这里参考官方文档 设置 储存区域 设置为默认图库 在设置中只勾选七牛图床即可 设置Typora的...
七牛云 + Typora + PicGo 搭建图床
Chimengmeng的博客
09-05 888
【一】使用七牛云托管 【1】注册七牛云账号： 首先，您需要访问七牛云官方网站并注册一个账号。提供必要的信息完成注册流程后，您将获得一个七牛云账号。 官网 https://www.qiniu.com/?cps_key=1hk4r1ha80spe 【2】选择文件存储服务 - Kodo： 登录后，在七牛云控制台中，选择文件存储服务，即 Kodo。Kodo 是七牛云提供的对象存储服务，可用...
使用PicGo和Typora搭建免费图床教程
- PicGo是一个轻量级的图片上传工具，用户可以通过它快速搭建个人图床服务。 - Typora是一款支持Markdown语法的编辑器，可与PicGo结合使用，实现图片的快速上传和插入。 - 码云（Gitee）是一个适合中国用户的代码...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值