云原生docker搭建lskypro图床搭建并配合typora编辑器自带的picgo-core插件来实现图片的上传并将图片超链接下发的文章中

之前我使用的图床都是基于gitee仓库的，但是前阵子出现了外链，导致我所有的图片都无法显示。于是我现在找到了可以百分之百替换gitee的本地图床系统，并配合typora自带的picgo-core插件来实现图片的上传并将图片超链接下发的文章中。

docker+lskypro+typora+picgo-core

第一节：基于docker实现lskypro图床搭建

搭建环境准备：

必须保证docker可以正常运行，有本地或远程mysql服务！

需要了解基本docker知识，以及mysql知识

第一步：拉取（下载）lskypro镜像

在hub.docker.com中搜索lskypro镜像，选择第一个

复制右边Docker Pull Command下面的代码

打开DOS窗口输入复制的一串代码，开始拉取镜像

这样就表示镜像拉取完成了。可以在docker管理软件中找到或dos中输入docker images

第二步：分析lskypro镜像相关文档

在创建docker容器之前。要先分析lskypro镜像的官方文档。以方便配置docker容器的各种配置信息。

回到刚才复制代码的网站：https://hub.docker.com/r/wbsu2003/lskypro

这句话可以看出：

lskypro镜像的访问端口是80指向了本机4080端口。

容器的/var/www/html文件路径指向了本机的/var/www/html

其他的关键信息就没有了。

第三步：创建lskypro容器

（1）在本机创建一个用于存放lskypro配置的文件的文件夹。我创建在D:\Docker\lskypro

（2）输入下列代码创建lskypro容器

docker run -dit -p 883:80 -v D:\Docker\lskypro:/var/www/html --restart=always --name lskypro wbsu2003/lskypro:latest

# -p 883:80 
# lskypro镜像的访问端口是80指向了本机883端口。
# -v D:\Docker\lskypro:/var/www/html 
# 容器的/var/www/html文件路径指向了本机的D:\Docker\lskypro
# --restart=always
# 容器自动启动。包括docker启动时或容器意外停止时
# --name lskypro 
# 为容器取名
# wbsu2003/lskypro:latest
# 表示当前镜像名称

这时lskypro的容器已经成功跑起来了。可以在docker管理软件中找到或dos中输入docker ps

第四步：配置lskypro

（1）在本地或远程mysql中创建lsky库

在当前电脑打开浏览器输入localhost:883并点击下一步

配置mysql参数，下一步

设置管理员账号，下一步

配置完成后点击网站首页就完成lskypro的配置安装了。

第二节:基于lskypro实现typora图片自动上传

第一步：安装node.js

picgo-core依赖于node.js

下载地址：http://nodejs.cn/download/

点击下载安装即可。

安装完成后打开cmd输入node查看是否安装成功

第二步：安装picgo-core插件

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

在偏好设置中选择图片，将插入图片时…设置为上传图片，然后上传服务为PicGo-Core，最后点击下载或更新

因为我已经下载安装了，这一步就选择下载即可

第三步：基于PicGo-Core安装lskypro插件

还是在刚才的图片设置，点击验证图片上传选项

复制PicGo-Core安装地址

在此电脑中打开

在地址栏输入cmd，在当前文件夹打开Dos控制台

输入下列命令：

picgo.exe install lskypro
# 这条命令是指安装lskypro插件

第四步：配置PicGo-Core

在浏览器中打开刚才创建的LskyPro管理界面，找到接口、图片上传。复制URL后面的网络地址

打开Typora菜单栏中的文件，下面的偏好设置，选择打开配置文件

将刚才复制的url地址粘贴到对应的url地址中。并保存

{
  "picBed": {
    "current": "lskypro",
    "uploader": "lskypro",
    "lskypro": {
      "url": "https://xxxx.cn:8083/api/upload"
    }
  },
  "picgoPlugins": {
    "picgo-plugin-lskypro": true
  }
}

第五步：测试PicGo-Core服务是否正常

打开Typora菜单栏中的文件，下面的偏好设置，选择点击验证图片上传选项

成功上传并返回和新的URL地址

这时我们在富文本编辑器中粘贴图片就自动变成了URL地址，而不是本机地址

不正常就还是本机文件目录地址，并且顶部会报错。

以上是基于lskypro实现typora图片自动上传全部步骤