typora + PicGo + lsky 建立主动上传图片

简介:

世界上最让人安心的事情是什么,可能每个人心中都有自己的答案。

但我作为一个developer,在大量数据泄露的时代,觉得最重要的还是把数据掌握在自己的手上,最让我安心!

近期写markdown,上传图片到博客时、本地的图片,无法快速的粘贴到博客等各大平台。

大概便是各个博客的图片是受维护的,不能够复制粘贴。

这就想着自己建立图床吧。

本次教程分为两大部分,假如不想自己布置和建立图床,能够直接看第三步。

  • 一、在服务器或NAS中布置浮屠

  • 二、建立图床(能够不建立,自己直接我现已建立好的)

  • 三、Typora + PicGo 装备

一、建立运转环境

本次建立的图床环境是NAS + docker + 浮屠 + Lsky

因为要比较安稳的条件,自己的黑群晖环境不是很安稳。

我的软路由ikuai openwrt都是安稳122天,而黑群晖只99天安稳运转

NAS + 宝塔 + typora + PicGo + lsky 搭建自动上传图片

为了确保图床的7*24小时能拜访,本次就把图床放在NAS上了。

1.1 NAS-docker装置布置浮屠

在继续阅览前,主张先了解一下再NAS中怎么布置浮屠(www.bt.cn/new/index.h…

我在极空间运用的是kangkang223大佬制造的镜像(解决了权限问题)。

hub.docker.com/r/kangkang2…

官网浮屠官网(为什么用浮屠,因为装置各种环境太方便了)

hub.docker.com/r/btpanel/b…

好了正式开端:

  1. 拉取镜像

    docker pull baotaoserver/bt-nginx:latest
    
  2. 基于镜像创立容器-基本设置

NAS + 宝塔 + typora + PicGo + lsky 搭建自动上传图片

3、文件夹途径

NAS + 宝塔 + typora + PicGo + lsky 搭建自动上传图片

左面是极空间NAS需求创立的文件夹,右边是容器运转后的目录。

做了映射后,后期能在极空间目录找到文件,方便修正,不用每次都sh进去改。

需求设置的目录:

  • 备份途径:/www/backup

  • 容器里面的网站数据目录: /www/wwwroot

  • MySQL数据目录:/www/server/data

  • vhost文件途径:/www/server/panel/vhost

4、网络装备,这儿挑选host, 与宿主机(极空间)运用同一IP,待会去路由器开释8888端口,就能够经过外网拜访了。

NAS + 宝塔 + typora + PicGo + lsky 搭建自动上传图片

5、点击使用,等候容器发动。

NAS + 宝塔 + typora + PicGo + lsky 搭建自动上传图片

注意:布置完结后,请当即登录浮屠面板—>面板设置中修正用户名和暗码并修正安全进口

1.2 浮屠登录及修正暗码

一般装置完结后登录的时分需求经过一个专用进口:

我这儿是加了一个btpanel ,所以经过192.168.1.60:8888/btpanel

其实不知道也没关系,横竖进入服务器输入bt,能够修正进口和暗码登信息

NAS + 宝塔 + typora + PicGo + lsky 搭建自动上传图片

默许暗码不知道的情况下,就直接进入sh修正暗码

NAS + 宝塔 + typora + PicGo + lsky 搭建自动上传图片

# 输入命令,发动菜单
~bt
# 依据菜单挑选 5修正暗码
~5
# 填入新暗码
~输入新暗码...
齐活

NAS + 宝塔 + typora + PicGo + lsky 搭建自动上传图片

经过进口登录

1.3 浮屠装置布置环境

进来后二话不说,先把LNMP环境装一下,因为后面布置lsky项目都需求用,这个时间会关键

NAS + 宝塔 + typora + PicGo + lsky 搭建自动上传图片

NAS + 宝塔 + typora + PicGo + lsky 搭建自动上传图片

乘着等候的时间,能够检测一下这个目录文件和NAS的文件映射是否建立

上传一个文件,看看NAS中是否有。

NAS + 宝塔 + typora + PicGo + lsky 搭建自动上传图片

等候一会后,总算都装好了,确认一下NGINX相关服务是不是都发动正常了。

NAS + 宝塔 + typora + PicGo + lsky 搭建自动上传图片

假如Nginx发动失利,能够看看日志。

NAS + 宝塔 + typora + PicGo + lsky 搭建自动上传图片

提示80端口占用了

测验修正这儿(..default.conf & phpfpm.status.conf)的端口80改其他的不占用的。

NAS + 宝塔 + typora + PicGo + lsky 搭建自动上传图片

二、布置兰空图床

运用的兰空图床www.lsky.pro/

看看官网的教程也能够,也很明晰明了了,我就在烦琐一下吧。

2.1 按要求【装置扩展】

官网中写的装置要求逐个核对

NAS + 宝塔 + typora + PicGo + lsky 搭建自动上传图片

在浮屠环境中只需求点点点即可

NAS + 宝塔 + typora + PicGo + lsky 搭建自动上传图片

点击**【禁用函数】**,把 execshell_execreadlinksymlinkputenvchown 这六个被禁用的函数删掉,也便是取消禁用

NAS + 宝塔 + typora + PicGo + lsky 搭建自动上传图片

2.2 创立网站

NAS + 宝塔 + typora + PicGo + lsky 搭建自动上传图片

现在经过192.168.8.60:16080 能够拜访到这个空项目了,应该会有个欢迎界面(index.html)。

假如需求外网拜访,还需求在防火墙设置端口映射。

[外链图片转存失利,源站可能有防盗链机制,主张将图片保存下来直接上传(img-j7i3Ra9N-1692342956135)(NAS%E6%90%AD%E5%BB%BA%E5%9B%BE%E5%BA%8A%E6%9C%8D%E5%8A%A1.assets/image-20230817155718521.png)]

2.3 布置兰空图床项目

这是源码地址:

github.com/lsky-org/ls…

打开下载lsky-pro-2.1.zip

假如你不是开发者,请不要下载名称为 Source Code 的压缩包,此为中心源代码,需求自己装置拓展。

NAS + 宝塔 + typora + PicGo + lsky 搭建自动上传图片

下载后放到项目中

NAS + 宝塔 + typora + PicGo + lsky 搭建自动上传图片

解压一下

  1. 将装置包上传至站点目录然后解压,将站点的运转目录指向程序的 public 文件夹

    nginx 需求设置伪静态,内容如下

    location / {
      try_files $uri $uri/ /index.php?$query_string;
    }
    
  2. 将程序地点目录的一切文件夹、子文件夹、文件的权限,用户组和一切者改为 www,权限改为 0755

    通常情况下,Web 站点目录的一切者和用户组为 www:www

项目就能够运转了。

装备好域名今后,拜访站点 主页 ,程序会主动跳转至装置页面,环境检测经过今后即可经过引导进行装置。

在开端之前,我自己建立的图床img.deepe.ren,自己注册账号,然后用自己的token,这样图片便是隐私的。

NAS + 宝塔 + typora + PicGo + lsky 搭建自动上传图片

三、typora + PicGo + lsky 建立主动上传图片

效果演示:

PicGo拖文件上传

NAS + 宝塔 + typora + PicGo + lsky 搭建自动上传图片

NAS + 宝塔 + typora + PicGo + lsky 搭建自动上传图片

Typora拖转主动转化

NAS + 宝塔 + typora + PicGo + lsky 搭建自动上传图片

3.1、装置PicGo插件

打开Typroa界面,在菜单栏找到文件—>偏好设置

NAS + 宝塔 + typora + PicGo + lsky 搭建自动上传图片

点击PicGo(app)装置

NAS + 宝塔 + typora + PicGo + lsky 搭建自动上传图片

然后点击下面的下载,等候一会…

特别提醒:装置的时分记得将装置途径存起来,后面要用

3.2 在PicGo装置lankong的插件

NAS + 宝塔 + typora + PicGo + lsky 搭建自动上传图片

3.3 装备lankong

// 版本挑选 V2
Lsky pro version:V2
// 服务器填入 
Server:https://img.deepe.ren
// 验证token (要依据自己账号获取)
Auth token:Bearer 1|hCKcAdIFxxxxxxxxxxxxxxxxxxIvSqJZ7q

装备完结:

NAS + 宝塔 + typora + PicGo + lsky 搭建自动上传图片

3.3.1 怎么获取token

在浏览器中打开LskyPro管理界面(前面建立的)https://img.deepe.ren,找到获取tokens接口upload上传接口

https://img.deepe.ren/api/v1

[外链图片转存失利,源站可能有防盗链机制,主张将图片保存下来直接上传(img-j6jPSmBC-1692342956138)(C:/Users/xiaozepeng/AppData/Roaming/Typora/typora-user-images/image-20230818110323536.png)]

经过tokens接口获取token,下面email password填写自己的账号暗码

[外链图片转存失利,源站可能有防盗链机制,主张将图片保存下来直接上传(img-U1Z6uBrq-1692342956139)(C:/Users/xiaozepeng/AppData/Roaming/Typora/typora-user-images/image-20230818135529177.png)]

获取到的token: 2|hCKcAdIF38tEBlxxxxxxxxxxxxxxxxxxxxxxxx6W1IvSqJZ7q

然后依据文档在前面要参加前缀 Bearer

[外链图片转存失利,源站可能有防盗链机制,主张将图片保存下来直接上传(img-PjcVIxC9-1692342956139)(C:/Users/xiaozepeng/AppData/Roaming/Typora/typora-user-images/image-20230818135641245.png)]

回到lankong装备填上结果。

3.4 PicGo测验上传

拖个图片测验一下

NAS + 宝塔 + typora + PicGo + lsky 搭建自动上传图片

3.5 Typora装备

装备的当地挑选PicGo(app)复制picGo装置途径下的PicGo.exe途径

我的装置途径C:\Users\xiaozepeng\AppData\Local\Programs\PicGo

NAS + 宝塔 + typora + PicGo + lsky 搭建自动上传图片

typora拖图片测验

NAS + 宝塔 + typora + PicGo + lsky 搭建自动上传图片

这样上传的图片是在云端,后续发布在掘金 csdn 社区 就再也需求手动上传了。