前言由于博客中的图片都是引用图床中的图片，自己搭建图床可能涉及到租赁的服务器到期，服务迁移，或者流量被盗刷等不可抗力因素等，免费图床又可能随时失效，面对以上场景，我一直试图尝试寻找一种免费的解决办法作为备选，使用GitHub图床是其中的一种，但是 Github 仓库大小达到 1G 的时候会有人工审查，如果发现你将 Github 仓库作为图床使用可能会被封禁仓库。最主要的是国内访问速度太慢，之前的免费CDN好像失效了，后来我发现可以使用Vercel搭配自定义域名实现。 实现原理Vercel可以一键导入Github上的项目，可以利用在GitHub上备份的图片文件搭建一个简单的图床程序，直接从GitHub导入项目，一键部署即可。 注意事项 需要在项目根目录上传一个index.html入口文件，否则无法访问图片资源。项目结构类似下面 1234567blogpic/├── index.html└── public/ └── 2024/ └── 08/ └── 28/ └── xxx.png 由于Vercel提供的域名在 ...

官方网站: https://www.lsky.pro 使用手册: https://docs.lsky.pro 仓库地址: https://github.com/lsky-org/lsky-pro 社区：https://bbs.lskypro.com/ 环境说明 使用1Panel部署 软件版本：V 2.1 采用 PostgreSQL 数据库 （不推荐用Mysql，CPU消耗极高） 使用1Panel搭建的应用，可在已安装应用中进入安装目录 相关文件存储目录为： /opt/1panel/apps/lsky-pro/lsky-pro/data 图片文件路径为 /data/storage/app/uploads 1Panel迁移步骤可直接使用1Panel提供的应用及数据库备份功能进行备份，导入备份即可，下载下来的压缩包导入时无需解压 需要先创建一个空的数据库，数据库创建好后执行图床安装程序选择刚才创建的数据库 然后本地导入备份，上传云端备份好的数据，点击恢复即可，导入前要确保表结构正确，数据库名最好一致 数据库导入好后再导入应用备份 导入后如下所示 导入后我发现原来的 ...

最近发现自己的博客网站访问不了了，提示Error 526，如下 由于我的证书是在Cloudflare上申请的，所以检查了下发现是原来申请的域名到期了又没有自动续签，但是申请的泛域名证书并没有到期，经过网上查询发现和SSL配置有关 我一开始配置的是Full (Strict)，即完全严格，导致无法判断来源 Web 伺服器上 SSL 证书，需要调整为Full CloudFlare遇到Error 526无效的SSL证书原因分析1.Cloudflare SSL配置，设置为 “Full SSL (Strict)” 时，无法判断来源 Web 伺服器上 SSL 证书。 2.来源 Web 伺服器 SSL 证书过期。 3.来源 Web 伺服器 SSL 证书不是由颁发机构 (例如 GlobalSign、Verisign、GeoTrust、Comodo 等) 配发。 4.来源 Web 伺服器请求域名 SSL 证书，显示名称配对失败。 CloudFlare遇到Error 526无效的SSL证书解决一、若来源 Web 伺服器是用 AutoSSL、Let’s SSL 免费 SSL 或没有 SSL 的话，请在 ...

在线视频：尚硅谷Java面试题第4季，最新大厂java面试真题 课程资料： 尚硅谷大厂面试题第四季 尚硅谷Java高频面试闯关秘籍.pdf 阿里巴巴java开发手册 开胃小菜：i++热身 i++与++i的区别，以下回答来自gpt-4o-mini 在 Java 中，i++ 和 ++i 都是自增运算符，用于将变量 i 的值增加 1，但它们的使用方式和效果略有不同。 i++（后置自增）: 这个运算符在表达式中使用时，会先返回 i 的当前值，然后再将 i 的值增加 1。 示例：12int i = 5;int a = i++; // a 的值是 5, i 的值变为 6 ++i（前置自增）: 这个运算符在表达式中使用时，会先将 i 的值增加 1，然后返回 i 的新值。 示例：12int i = 5;int a = ++i; // i 的值变为 6, a 的值也是 6 总结 如果你只需要增加 i 的值并不在意原始值，可以使用 i++ 或 ++i，结果是相同的。 如果你在表达式中需要使用 i 的当前值，则选择 i++；如果需要使用增加后的值，则选择 ++i。 示例代码123456 ...

尚硅谷视频：禹神：一小时彻底搞懂跨域&解决方案 尚硅谷文档：跨域问题梳理 1、浏览器的同源策略1.1、同源策略概述同源策略是 浏览器 为确保 资源安全 ，而遵循的一种策略，该策略对 访问资源 进行了一些限制。 W3C 上对同源策略的说明：Same origin policy。 1.2、什么是源（origin）？1、 源的组成部分 2、下面表格中，只有最后一行的两个源是同源。 3、同源请求 4、非同源请求 总结:『所处源』与『目标源』不一致，就是『非同源』，又称『异源』或『跨域』。 2、跨域会受到哪些限制 例如有两个源：『源A』和『源B』，它们是『非同源』的，那么 浏览器 会有如下限制： 2.1、限制DOM访问『源A』的脚本 不能访问『源B』的 DOM。 123456789<!-- <iframe id="framePage" src="./demo.html"></iframe> --><iframe id="framePage" src="https ...

GitHub: https://github.com/abi/screenshot-to-code 官网地址：screenshottocode.com 在当今的数字化世界中，用户界面设计是软件开发领域中至关重要的一环。然而，构建精美的UI通常需要繁琐的HTML和CSS编码工作。但现在有一个名为screenshot-to-code的开源项目，它正在改变这一切。 screenshot-to-code是由软件工程师Abi Raja创建的一个基于机器学习技术的工具。该项目旨在通过深度学习技术，将屏幕截图转换为可编辑的HTML和CSS代码。这个惊人的工具使得用户可以轻松地从设计稿或者已有网页截图中提取出对应的前端代码。 该项目使用Python编写，并利用了TensorFlow和Keras等流行的机器学习框架。其代码结构包括了前端（使用HTML、CSS、JavaScript）和后端（Python）两部分，并提供了一个网站界面供用户上传屏幕截图并获取生成后可编辑代码。 不仅如此，screenshot-to-code还包含了一些示例屏幕截图以及相应生成后的HTML和CSS代码，让用户能够更好地理解 ...

GitHub: https://github.com/AykutSarac/jsoncrack.com 官网地址: https://jsoncrack.com/ 该项目采用JavaScript编写，利用Node.js作为后端运行环境。代码结构包括前端（HTML、CSS、JavaScript）和后端（Node.js），提供用户界面用于输入和分析JSON数据。除了解析功能外，可能还包含其他特性如美化JSON、验证JSON格式等。总体而言，“jsoncrack.com”旨在帮助用户更便捷地处理和分析JSON数据，适合对JSON数据操作感兴趣的用户进一步探索。 GitHub 前往官网

GitHub: https://github.com/jgraph/drawio 官网地址：https://www.drawio.com/ Draw.io是一个开源项目，提供基于Web的图表绘制工具，可用于创建流程图、网络图和其他类型的视觉表示。它由JGraph公司开发，该公司专门致力于开发图形可视化软件。Draw.io基于mxGraph库构建，这是一个基于JavaScript的绘图库，提供了广泛的功能和特性。该项目采用Apache License 2.0许可证，意味着任何人都可以免费使用、修改和分发它。由于其易用性、灵活性和强大功能，Draw.io在开发人员和非开发人员中都很受欢迎。 GitHub 前往官网

qwerty-learner 仓库地址：https://github.com/RealKai42/qwerty-learner 在线预览：https://qwerty.shiguang666.eu.org/ 这个开源项目旨在帮助用户通过打字练习来学习和掌握键盘上的布局。它提供了一系列打字练习，并根据用户的表现提供实时反馈和统计信息。用户可以自定义练习内容，选择不同的难度等级，并在学习过程中逐步提高打字速度和准确性。 点击前往 点击预览 使用 ITab新标签页 还可以添加桌面组件 typing-word 仓库地址：https://github.com/zyronon/typing-word 在线预览：https://typing.shiguang666.eu.org/ 该开源项目结合了英语单词背诵和打字练习，旨在帮助用户扩展词汇量同时提高打字技能。它提供了一个包含常用英语单词的数据库，并允许用户根据自己的需求进行定制化学习。通过结合背单词和打字练习，该项目能够让使用者更加高效地学会新单词并增强记忆。 点击前往 点击预览