宝塔面板搭建autoPicCdn图床工具
侧边栏壁纸
  • 累计撰写 14 篇文章
  • 累计收到 146 条评论

宝塔面板搭建autoPicCdn图床工具

梦繁星
2021-05-24 / 4 评论 / 152 阅读 / 正在检测是否收录...

前言

autoPicCdn是一款将图片上传至Github的存储仓库,通过jsdelivr进行全球加速(含有国内节点)引用,实现图片上传,图片加速的图床工具。

一些静态文件(例如:js,css,woff)也可以放在Github存储仓库,然后使用jsdeliver进行加速。效果非常好,还免费。它不香吗??

autoPicCdn可以上传任意类型的图片,它默认会将其转换成png格式,并会进行重命名保持不重复。如果你不喜欢png格式,也可以将其改成webp或者jpg格式。

建议是自己个人使用,谨防别人上传一些奇奇怪怪的图片。

如果你用做网站,它会很方便,上传成功后会提供URL,UBB,markdown格式链接可以直接复制使用。

示例:

我的图床: 繁星图床 (魔改了一些颜色!)

下面开始教程:

新建Github仓库

你得先有一个Github账号!网址:https://github.com/ ,没有的话去注册一个(不能没有吧???),如果实在不会注册可以去百度。

登录Github,然后单击 ”You repositories“

点击New,进入仓库创建页面

输入仓库名称,仓库描述,其他默认,单击”Create repository“

创建完成!

去这个页面 https://github.com/settings/tokens 生成一个有写权限的 token(,然后点击确定,会生成一个 token码,记住它,最好复制到你的记事本,不然一刷新网页就不会再显示了。

单击”Generate new token“

填写Token描述(用来干嘛的!),在 repowrite前打勾,其他不用管,直接下一步。

然后单击“Generate token“,生成Token。

复制保存到记事本,避免忘记,网页已刷新就没了。

安装宝塔

宝塔安装教程可以查看我的文章:Typecho博客搭建及优化教程(从0到1的超详解) , 宝塔安装部分非常详细。

安装autoPicCdn

先域名解析一下,去你的域名服务商,控制台找到你的域名,解析,添加记录。主机记录填写img,或者其他的都可以(你填写的是什么就要以什么访问,比如填写img便是img.xxx.com等),记录类型A类型,记录值填写自己服务器的IP地址(如果不知道,可查看宝塔页面的左上角),确认就可以了!

打开宝塔页面,左侧--》网站--》添加站点

添加域名,数据库选择Mysql utf-8,填写数据库账号和密码以及对应的PHP版本,然后提交。

这里可以先设置一下站点,点击站点右侧的设置,需要设置SSL证书,,,

SSL证书申请也可查看我的文章:Typecho博客搭建及优化教程(从0到1的超详解) , 有具体教程。

如果申请失败,可以去域名服务商那里,有提供单域名免费SSL证书,然后选择其他证书,上传证书,开启右上角的强制HTTPs就可以了。

关闭设置窗口,点击根目录下的路径地址/www/wwwroot/你的域名,直接进入根目录文件夹,删除index.html文件。

点击下载autoPicCdn 压缩包,解压,得到以下文件:

然后上传下载的autoPicCdn文件(具体上传步骤可参考我的文章:Typecho博客搭建及优化教程(从0到1的超详解) , 有具体教程。),pic.sql文件不上传

上传完成后得到以下目录:

编辑up.php文件,填写Github用户名,刚开始新建的仓库名,邮箱(随便填),刚才保存的Token。

往下需要填写刚才创建的数据库名,数据库用户名,以及数据库密码。

最后重要的一步。打开宝塔页面,左侧--》数据库,找到刚才创建网站时创建的数据库,导入pic.sql数据库文件。

选择从“本地上传”

选择“pic.sql”,开始上传。

上传完成后,关闭窗口,点击“导入”

到此,autoPicCdn便安装完成,即可浏览器访问域名,进行上传测试。

效果可自行查看!

可在index.html中修改图床的网站名称,Logo,以及在CSS中修改样式。

最后

虽说步骤很多,但是很简单,注意Token生成,sql文件导入,up.php文件配置正确就没什么问题了。

如果网站使用,建议先将图片压缩一下再上传,因为文件太大,网站加载的也会很慢。

推荐一个压缩网站TinyPNG

5

海报

正在生成.....

评论 (4)

取消
  1. 头像
    xnote
    Windows 10 · Google Chrome

    搭建了一个,非常方便,正在使用(5元一

    回复
    1. 头像
      梦繁星 作者
      Windows 10 · Google Chrome
      @ xnote

      画图

      回复
  2. 头像
    nick
    Windows X64 · QQ Browser

    画图

    回复
  3. 头像
    子舒
    Windows X64 · QQ Browser

    搭建了一个,非常方便,正在使用

    回复