【picgo】【typora】自己服务器搭建自定义图床

搭建个人服务器图床最速の传说(docker+minio+picgo) 快速搭建个人服务器图床 阅读详情

我的博客
我的方案是自己的服务器+java项目接口+nginx+picgo配置的个人图床

1、服务器

自从种子习惯app突然关了导致写了好几年的日记全都没了,加上一些网盘也黄了,最近看有人分享百度网盘上传自己的课件还会无法访问,还有陆陆续续一些原本免费的东西突然收费(比如腾讯云的云函数),gitee也突然无法做图床。

所以就不想把图片存在一些免费或收费的图床中,刚好自己有个腾讯云服务器,

打算将图片存在自己的服务器中,这样感觉比较靠谱。

2、nginx配置静态资源

(1)设置nginx配置文件,访问XXX域名时,会自动访问到某个文件夹下的图片。

  server {
    listen 80 ;
    server_name *.yiyongok.com;
    index index.html;
    location / {
	  #图床,访问picgo.yiyongok.com时,就会访问/tmp/upload下的静态资源
      if ($host ~ ^(picgo)\.yiyongok\.com) {
        root "/tmp/upload";
       }
    }
  }

(2)随便上传点图片到服务器目录/tmp/upload/test文件夹下

(3)访问一下看看,nginx配置的成功~

image-20221115103100371

3、提供图片上传接口,上传图片到nginx配置的文件夹下

(1)开发接口

因为我的服务器有跑着的java项目,所以我就在java项目中随便加了个接口上传图片。

public class ImageUploadController {
		//图片保存的路径,和nginx中配置的一致
    @Value("${pic.path}")
    private String path;
    //图片访问的域名
    @Value("${pic.url}")
    private String URL_SERVER;

    //上传图片
    @PostMapping("/upload")
    public  String uploadImg(@RequestParam("imgFile") MultipartFile loadimg){
        //日期,将图片按照年月文件夹,比如2022,1月上传的图保存到202201文件夹下
        String format = DateUtil.format(new Date(), "yyyyMM");
        String pathFile =path+"/"+format;
        File f=new File(pathFile);
        if(!f.exists()){
            f.mkdirs();
        }
        //获取上传图片名称
        String filename = loadimg.getOriginalFilename();
        //拼接的图片路径
        String filepath=pathFile+"/"+filename;
        File file = new File(filepath);
        //上传图片
        try {
            loadimg.transferTo(file);
        } catch (IllegalStateException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        } catch (IOException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
        //返回图片访问url
        return URL_SERVER+"/"+format+"/"+filename;
    }
}

(2)测试接口上传

image-20221115105238061

上传后的返回值

image-20221115104242179

(3)可以正常访问

image-20221115104609261

4、picgo配置自定义图床并测试上传图片

(1)下载picgo

(2)下载自定义图床插件

image-20221115104715811

(3)配置自定义图床,就是3(2)中的那个接口和参数

image-20221115105333528

(4)测试picgo上传图片能否成功,随便截图,点这个按钮就能快速上传了

image-20221115105501386

相册中正常显示刚刚上传的图片,大功告成

image-20221115105544623

5、markdown笔记软件typora中设置picgo

截图后粘贴到笔记时会自动上传图片到图床而且插入图片

typora偏好设置

image-20221114105310482

image-20221114104356140

6、增加签名

上面例子上传图片没有安全性,可以自己加一些参数,然后添加一些签名算法

参数在picgo,自定义图床设置那里配置。自定义body或者请求头上加签名参数(json)

接口也用json接收核对一下就可以了

7、其他

虽然腾讯云服务器用了几年也没出现过宕机等现象,但是凡事都要有个planB

所以后续慢慢考虑的事有

1、图床文件定期自动备份,

github上有项目可以命令行上传文件到百度网盘

初步想法是服务器写个shell脚本定期备份图片到百度网盘

2、迁移方案写好

考虑到万一有一天服务器无法使用了,换台服务器的部署步骤,能在半小时-1小时以内部署完毕

3、markdown笔记中批量更换域名的方案

万一需要更换域名的话(比如腾讯突然限制微信里无法访问该域名了)

再买个域名+笔记中批量修改url

目前是看到有开源项目批量修改笔记中的链接,有时间的时候研究一下

Typora结合PicGo + 使用Github搭建个人免费图床 图床配置名:自己取设定仓库名:用户名+仓库名设定分支名:设定Token:就是上面我们刚刚在Github上获取的token设定存储路径:需要放到仓库中的哪个文件夹下。如果直接放到仓库的根目录下就不需要填写这一栏如果需要放到某个目录下,直接写目录名就行,不需要在目录名前加 /。eg:test当有多级目录时,也是直接写路径。当填写的目录不存在时,PicGo会自动帮你在Github上创建目录,这个不用担心!设定自定义域名:此时就需要结合jsDelivr来加速了。 阅读详情

相关推荐

Typora图床搭建教程

究其根本,Typora只是一个Markdown文件编辑工具,Markdown只是一个文本格式文件。换句话说,Markdown就像一个txt文档,只能包含字符。这不对呀!Markdown文档里不是还有图片吗?这是因为Markdown包含有指向这些图片的链接,Markdown文件并不拥有这些图片。如果我们在Markdown中以相对路径引用图片,这就会造成移动Markdown文件时,因为引用不到图片,而造成图片丢失的情况。所以,最好的解决方法是将图片保存在图床中,然后在Markdown中引用图床中的图片。 在本教

水木子的博客 3930

使用picgo配置图床使用

图床这种东西,做博客是必须要的。这里我记录目前我使用的几种图床,方便以后使用,以后有新的好用的,也会相应的更新。 sm.ms图床 免费的sm,sm.ms图床,好用,速度还可以,下面图片是sm图,可以感受一下速度 csdn图床 csdn这个社区不陌生吧,直接注册该用户,然后新建一个博客,吧你的图片复制上去,然后复制链接到你的文档里,不过不知道图片会不会被删除。反正速度还是可以的 路过图床 https://imgchr.com/ 免费的图床工具,无限空间,使用可以不用注册登录,但是上传的图片随时可能就被删

做笔记\记录遇到的程序bug 5961

Typora+PicGo+Minio搭建博客图床

基于阿里云服务器+Picgo+Minio+typora搭建免费图床

java优质资源提供与创作者 2386

利用 PicGo 搭建基于 gitee 的个人图床,详细攻略!

大多数小伙伴写笔记都是用md格式了,为了更方便的去本地写博客以及笔记,准备自己通过gitee仓库搭建一个图床供自己使用,会让我们写笔记或博客更方便。运用图床工具可以方便地将图片上传到互联网,并获取图片的链接,这样可以在不同的平台上分享和使用这些图片。例如,在个人网站、社交媒体、博客文章、论坛帖子等地方需要插入图片时,使用图床工具就可以方便快捷地实现。同时,使用图床工具还可以有效地减少图片在上传和下载过程中的数据传输量,提升网站的访问速度和用户体验。

独泪了无痕 6536

使用腾讯COS作为图床并在Typora通过PicGo-Core使用

一. 简介 Typora Typora是一款非常好用的markdown编辑器。官网地址为:https://www.typora.io/ PicGo-Core PicGo2.0版本里将会预置的底层核心组件。它可以看做是一个简单的上传流程系统。详细介绍地址:https://picgo.github.io/PicGo-Core-Doc/zh/ 图床 图床一般是指储存图片的服务器。日常在本地编写markdown的时候,涉及到使用本地图片的操作,如果后续想放置到博客上,则只能自行上传,非常麻烦。为了解决该

西瓜那么甜 2366

Typora 利用PicGo+ SM.MS 搭建自己的图床

Typora利用PicGo+SM.MS搭建自己的图床

2403_88996352的博客 1128

收藏必备:使用PicGo集成配置各种图床

注意其中有一项【读写权限】,这个根据自己的需求来,如果你不想别人看到你的图片,就【私有】,否则建议【公共读】,那个【公共读写】不建议选,当然如果你不介意大家伙一起享用你的仓库,当我没说话!简单的说,就是配置一个图片访问的地址,如果你有自己的域名,就用自己的域名进行自定义配置(详细后面会说再发教程)如果没有自己的域名(大部分人应该是没有的),那就选择七牛云提供的测试域名。在实际的工作学习中,会遇到很多需要上传图片的场景,比如在写博客时,可能需要放一些配图,做笔记的时候也难免会有上传图片的需求。

Xayla的博客 1428

Python量化交易实战:pytdx库高效获取通达信分笔成交数据

本文详细介绍了如何使用Python的pytdx库高效获取通达信分笔成交数据,为量化交易提供关键市场微观结构分析。通过环境搭建、服务器连接、数据获取与清洗的完整流程,帮助开发者快速掌握这一免费高质量数据源,并实现分笔数据的实战分析与应用。

weixin_29061509的博客 1348

ESC云服务器搭建自己的图床

在搭建个人博客时使用了markdown语法作为编写博客的主要语言。但由于本地编写时加入的图片只能在本地显示,为了能够在上传到服务器后仍然正常显示。我们就需要用到图床,网上比较多的解决方案除了免费图床(不稳定)以外就是采用对象存储(OSS),但是有由于我本身有一台云服务器,我不想再花钱去购买对象存储服务。因此就基于自己的云服务器进行图床的搭建。 整个搭建是非常简单的,只要安装两个东西,写不到10行的代码。除了安装东西外,几乎几分钟就完成了。通过安装picgo插件 采用 SFTP 上传。 因此我们需要安装两个东

qq_46213352的博客 2426

BlenderGis安装碰到问题,ImageIO、无法点击和地图不加载

BlenderGis安装碰到问题,ImageIO、无法点击和地图不加载问题

qq_45176349的博客 4964

【深度学习-番外1】Win10系统搭建VSCode+Anaconda+Pytorch+CUDA深度学习环境和框架全过程

本文将介绍在Windows 10系统下搭建深度学习环境的完整过程,包括安装Anaconda、CUDA、NVIDIA显卡驱动以及Pytorch框架。后续本专栏的Python语言下的深度学习环境都以本篇搭建的为准。

fengzhuqiaoqiu的博客 4000

利用阿里云OSS和PicGO搭建图床(购买阿里云域名,设定自定义访问链接)

利用阿里云OSS和香港bucket,绑定自定义域名,并上传图片至PicGo图床。

s1hjf的博客 428

RapidScada在windows下的安装(详细)

1.下载地址:RapidScada官网 2.版本说明 有Linux版本和Windows版本,看自己的需求下载,推荐下载最新稳定版本。 3.系统要求 4.安装前的准备(windows10) 首先打开Windows功能: 先关闭 Microsoft .NET Framework3.5的 Windows Communication Foundation 子组件。如下图: Microsoft .NET Framework配置按下图勾选: iis安装的功能: 5.安装 解压..

m0_51275803的博客 4262

Typora + picgo + Chevereto 优雅地上传图片

搭建自己的图床,书写markdown

越努力越幸运 509

从零构建MAVLink通信:PX4飞控与QGC的协议握手全解析

本文详细解析了PX4飞控与QGC地面站通过MAVLink协议进行通信的全过程,重点介绍了航点传输协议的状态机设计、INT类型消息的优化优势以及异常处理与调试技巧。通过实战案例和性能优化建议,帮助开发者高效构建无人机通信系统,提升数据传输效率与稳定性。

weixin_29209805的博客 504

使用 MATLAB/Simulink + Simscape Electrical 来构建一个CCHP微电网与新能源协同运行的模型

随着能源需求的增长和对环境保护要求的提高,冷热电联供(Combined Cooling, Heating and Power, CCHP)系统作为一种高效的分布式能源解决方案,越来越受到关注。CCHP系统通过利用一次能源同时产生电力、制冷和供热,实现了能源的梯级利用,提高了能源使用效率。结合太阳能、风能等可再生能源,可以进一步增强系统的灵活性和环保性。本文将详细介绍如何使用来构建一个CCHP微电网与新能源协同运行的模型,并通过仿真分析其性能表现。本文介绍了如何使用构建一个。

xiaoheshang_123的博客 141

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

博文《使用Typora+PicGo+Gitee搭建个人博客图床》详细介绍了如何利用Typora、PicGo和Gitee搭建个人博客的图床服务。文章从安装和配置这三款工具开始,逐步指导读者实现图床的搭建过程。Typora作为Markdown编辑器,提供了便捷的写作环境;PicGo作为图床工具,实现了图片的上传和管理功能;Gitee作为代码托管平台,提供了稳定的存储服务。通过本文的指导,读者能够轻松搭建个人博客的图床,方便地管理和分享图片资源。

朝花夕拾 1万+

基于STM32+华为云设计的智慧农业灌溉系统(2023升级版)(158)

本项目设计一种基于STM32的智慧农业监测系统。该系统能够检测空气温度、湿度、光强度和土壤湿度等关键指标,并自动调节浇水量,实现作物生长环境的精细化管理。同时,本项目还支持本地LCD屏幕数据显示和通过ESP8266上传数据到华为云物联网平台,同时搭建流媒体服务器实现摄像头远程监控。最重要的是,本项目将利用Qt开发Android手机APP,使用户可以远程查看监测情况,了解农作物生成情况。

1万+

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

利用Typora+PicGo+Github+CDN搭建个人博客图床的方法在技术圈中备受关注。通过Typora编写博文、PicGo上传图片至Github仓库,并借助CDN实现加速,形成了一个高效的个人博客图床解决方案。这一方法简洁易行,不仅提升了博客编辑效率,还有效解决了图片存储和加载速度的问题。

朝花夕拾 1万+

(第七章)FAST开发方法

摘要: FAST是一种轻量级、业务驱动的系统分析与开发框架,适用于中小型项目,强调快速交付和组件化开发。其核心包括8个阶段:范围定义、问题分析、需求分析、逻辑设计、决策分析、物理设计、构造测试和安装发布。特点为结构化、用户参与、迭代渐进,适合需求明确且需快速交付的项目。与RUP(重量级)、敏捷(极轻量)相比,FAST更侧重业务分析和模块化开发。软考中可通过口诀“范围问题求逻辑,决策物理构发布”记忆阶段,并掌握五大开发方法(瀑布、原型、FAST、RUP、敏捷)的核心区别及适用场景。

echo的博客 915

TMS_WebGMaps_1.9.8.0_Full_Source

TMS_WebGMaps_1.9.8.0_Full_Source 全源码 delphi cbuilder

【保姆级】阿里云OSS+PicGo+Typora搭建图床

​ 图床,作为储存图片的服务器,主要分为国内和国外两种类型。由于空间距离等因素,国外的图床在访问速度上可能较慢,进而影响图片的显示速度。而在国内,图床又可分为单线空间、多线空间和CDN加速三种形式,各具特色。​ 简而言之,图床就是存储图片的地方,为每一张图片提供一个独一无二的链接,使得用户能够轻松地在网上访问和查看。​ 当前,市场上涌现出众多免费图床供用户选择,如Gitee、Github等。然而,使用免费图床也存在一些潜在问题,如图床失效、防盗链等。

middle_age666的博客 2370

WINCC7.3破解文件

WINCC7.3硬件够破解文件,有需要的下载!WINCC7.3硬件够破解文件,有需要的下载!

Typora+PicGo+云服务器搭建博客图床

Gitee图床被封很多人之前喜欢使用gitee创建图床,白嫖gitee图床。但是如今Gitee仓库因为外链过多,官方加了防盗链不让用了,显然gitee 被封了。但是免费的有时候才是最贵的,私用云服务器的对象存储 OSS几块钱就可以用很长时间。下面就使用Typora+PicGo+阿里云OSS搭建博客图床。在我们往typora里插入图片的时候,PicGO会自动上传图片到图床,并返回一个图片的链接。这时候你的图片就是一个网络的链接(网址),不再是本地路径。

weixin_69912448的博客 1183

数学建模模型总结

这是本人在两年内准备参加数学建模竞赛搜集到的模型资料,已经经过了本人的筛选和整理,希望能够对准备参加数学建模竞赛的学弟学妹们提供一些帮助!

IMSL CNL 7.0.0 (x86-64)Crack

IMSL CNL 7.0.0 (x86-64)Crack intel的算法库破解文件,这是C++版本的破解文件

小白的最强保姆教学:PicGo + gitee +Typora免费搭建属于个人的图床工具

PicGo + gitee +Typora免费搭建属于个人的图床工具

姷礼的博客 2445

Typora通过PicGo上传阿里云oss图床【Typora+PicGo+OSS教程】

Typora通过PicGo上传阿里云oss图床,可以解决博客图片上传的路径问题

wzkb123ljyja的博客 1989

服务器搭建图床 + PicGo 配置 + Typora 总结

之前用的都是 优快云 图床,首先本来也会发到 优快云 上,顺便在自己的网站上也能访问,而且也方便。但最近 优快云 加了防盗链,全挂了,也因此想自己搭建一个图床免费图床总归是不靠谱的,所以选择一个付费的好一点,市面上常用的有阿里云 OSS、腾讯云 COS、七牛云等。阿里云 OSS 存储,每个月有 5 GB 的免费存储和流量额度;腾讯云 COS 存储有 6 个月的免费 50 GB 存储额度;七牛云有一定容量的永久免费额度。

凡的博客 2040

Typora+PicGo实现自动上传图片至图床

使用过Typora的小伙伴应该已经发现,若是想分享给别人看不但需要发送md文件,还需要把对应的图片一起发给对方,否则图片无法显示。但是每次都要打个压缩包发过去未免太繁琐,这样就需要使用图床了,图床就是将图片集中存储到云中,然后使用外链来访问,这样在Typora中只需要[图片名](图片外链)的格式就可以将云中的图片显示出来了欢迎来我的博客查看此文——火柴人儿的小站,本博客基于雨云-新一代云服务提供商搭建,雨云服务器性能高体验好,界面清新,并且支持购前试用,很方便。

仰望星空的打工人的博客 1756
上一篇: 【Docker】容器连接到Docker mysql(tomcat --link简单连接例子)
下一篇: 【mac】UltraEdit无响应未保存找回内容
木有会
博客等级 码龄9年 142粉丝 88原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

木有会

你的鼓励将是我创作的最大动力!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值