| |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
-> JavaScript知识库 -> 使用GitHub+jsDelivr+PicGo/PicUploader搭建免费图床 -> 正文阅读 |
|
[JavaScript知识库]使用GitHub+jsDelivr+PicGo/PicUploader搭建免费图床 |
对于普通站长来说,服务器流量和容量都有限,图片存储最佳选择就是使用图床,节省空间和流量,提高网站性能,同时,也便于之后网站迁移。 这里介绍的是使用GitHub做图床,最大优点无非就是免费了,搭配jsDelivr做加速,效果还是可以的。PicGo则是我们作为图片上传使用工具。 GitHub图床搭建注册账号首先到GitHub注册一个 账号(网址:https://github.com/),已注册的可以忽略 填写完用户名、电邮地址、密码、验证码等等,就成功注册了。 创建仓库来到首页(网址:https://github.com) 点击右上角的‘+’号 点击‘New repository’(中文:新仓库) 填写资料 依上图,主要填写仓库名(Repository name),另外注意可见性选择public(因为后面我们要通过公网链接访问这里的内容),其他的默认就可以了,最后只需点击创建仓库(Create repository) 创建后,应该会跳转到这样一个页面 之后就可以暂时不用理会 创建Token点击自己的头像,找到‘Settings’,点击进入 滚动到下面,直到你看见‘Developer settings’ 选择‘Personal access tokens’ 点击‘Generate new token’ 输入你的密码 填写名字(note),勾选‘repo’ 最后选择‘Generate token’(中文:生成令牌) 复制并保存你的 token P.S. 这个 token 只会出现一次,务必保存妥当(虽然可以再次新建 ) 使用jsDelivr CDN加速使用jsDelivr CDN加速方式很简单,只需要在要使用 GitHub 图床图片的地方将原本GitHub访问的链接换为? 举个栗子,比如 GitHub 官方仓库 github/explore 下话题 github 图片原始路径是:https://github.com/github/explore/blob/master/topics/github/github.png 访问起来贼慢。 使用 jsDelivr 加速后的地址:https://cdn.jsdelivr.net/gh/github/explore/topics/github/github.png 访问速度飞起~ jsDelivr 还支持加载指定文件版本和自动压缩 JS,具体用法可以参考官方教程。 使用PicGo工具手动上传图片到GitHub仓库太麻烦,推荐使用PicGo工具,https://github.com/Molunerfinn/PicGo 先下载并安装软件:https://github.com/Molunerfinn/PicGo/releases 根据自己操作系统选择对应的文件 PicGo推荐插件PicGo支持安装插件,在插件设置里面搜索安装即可
这个插件可以很优雅地生成图片文件存储路径。默认不支持目录,用这个插件可以设置目录
这个插件能在图片上传前给图片加上水印,可以自定义水印位置、样式等。仅支持2.2.0+版本的PicGo 需要注意,如果使用中文字体的水印,需要自行设置字体 更多插件可以到这里查看,按需安装即可:https://github.com/PicGo/Awesome-PicGo 使用PicUploader工具PicGo工具安装插件后,整体在本地使用还是挺方便,但是有一些不好的地方
基于以上一些问题,选用PicUploader:https://github.com/xiebruce/PicUploader PicUploader 是一个用php编写的图床工具,并且支持作为插件集成到PicGo,不过安装PicUploader需要一个php运行环境 安装首先需要准备一个php运行环境,这里使用宝塔,不再赘述 在宝塔打开终端,下载PicUploader代码
配置php版本这里使用的7.4,下载解压之后,注意将默认首页index改为dashboard.php 打开配置的域名,进入页面 对网站做相应配置即可使用 设置访问权限任何人登录上面的网站,都可以上传文件,显然是不安全的,因此,我们需要为网站访问设置权限。 在宝塔支持直接对网站目录设置访问密码 设置密码之后,再重新登录网站,会提示输入密码 注意:这里给站点加密之后,如果站点使用了宝塔Let’s Encrypt的SSL证书,将不能自动续期,因为页面不能无密码访问
|
|
JavaScript知识库 最新文章 |
ES6的相关知识点 |
react 函数式组件 & react其他一些总结 |
Vue基础超详细 |
前端JS也可以连点成线(Vue中运用 AntVG6) |
Vue事件处理的基本使用 |
Vue后台项目的记录 (一) |
前后端分离vue跨域,devServer配置proxy代理 |
TypeScript |
初识vuex |
vue项目安装包指令收集 |
|
上一篇文章 下一篇文章 查看所有文章 |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 | -2024/11/23 16:46:17- |
|
网站联系: qq:121756557 email:121756557@qq.com IT数码 |