骤雨重山

在现代互联网环境中，快速稳定的图片访问是提升用户体验的重要因素之一。本文将介绍如何利用Cloudflare Pages部署稳定的无限图床Imgur，实现图片上传和访问，并进一步通过WordPress的WP.COM全球图片缓存进行加速，提高图片加载速度。可用于免费图片托管解决方案，Flickr 等替代品。 简介 Cloudflare Pages 是一个强大的静态网站托管服务，结合了 Cloudflare 的全球 CDN（内容分发网络）优势。 Imgur 是一个免费优质的图床。 WordPress 的全球图片缓存 是一个高效的 CDN 服务，专门用于加速 WordPress 托管的图片内容。它利用全球分布的节点，将图片缓存并提供快速访问。 Cloudflare CDN（内容分发网络）是由Cloudflare提供的服务，旨在加速和保护和加速全球网络应用程序。 页面 点击体验 项目地址ZYCS-IMG - Github 如何部署 1、准备一个 Cloudflare 账户 2、Fork...

前言使用了好久好久好久的动态博客，身为一个前端的我，总是想着把动态博客转为静态博客，但是一直没有动手，最近博客被持续的攻击，无法正常访问等因素，终于决定把博客迁移到Hexo上，下面就来分享一下迁移过程。 文档导出因为之前使用的是Typecho的Typecho-Joe-Theme主题，主题中包含了很多自定义标签，所以我们在导出的过程中要处理一下数据，把Typecho-Joe-Theme的标签转换成Hexo的Butterfly主题的标签，身为前端的我无脑选择使用NodeJs手撸一个简单的脚本来导出Typecho博客的文章数据。 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273const mysql = require("mysql");const fs = require("fs");const moment...

最近博客程序从 Typecho 换成了 Hexo，想把 Typecho 上的评论导出到 Hexo 的 Valine、Twikoo 等评论插件中，但是 Typecho 的评论导出功能并不支持导出为 JSON 文件，所以需要自己写脚本来处理。在Github上找到了一些相关的脚本，但是没用直接拿来用的满足需求的插件，所以自己写了一个。 准备工作 下载 Export2ValineJson 的Typecho评论导出为Hexo的Valine、Twikoo等评论所支持的JSON文件 插件 上传到 Typecho目录usr/plugins 下 重命名插件文件夹为 Export2ValineJson 启用插件，进入控制台菜单下的 评论导出ValineJson 菜单导出 打开 Hexo 的Twikoo评论导入即可 Export2ValineJson - Github ...

最近写了一个网页，页面很多元素使用的是Fixed定位，当在手机端的Safari浏览器、安卓浏览器等测试时，会出现顶部元素、底部元素 被地址栏、菜单栏或工具栏遮挡的情况。于是，我查阅了相关资料，发现了一些解决方案，在iOS设备上使用Safari浏览器时，开发者经常会遇到内容被地址栏、菜单栏或工具栏遮挡的问题。本文将探讨如何使用 viewport-fit 属性和CSS的 env() 函数来解决这些问题。 viewport-fit属性viewport-fit 属性是iOS Safari 13.4+ 引入的新属性，它可以用来控制页面内容的缩放行为。 viewport-fit=cover：内容会被充满整个视窗，即内容不会被裁剪，但可能会被拉伸。 viewport-fit=contain：内容会被缩放，以适应视窗的大小，但不会被裁剪。 viewport-fit=auto：默认值，内容会根据设备的方向和大小进行缩放，以适应视窗的大小。 1<meta name="viewport" content="viewport-fit=cover"...

人工智能如火如荼，对程序员来说，一款智能好用的编码工具必不可少，分享目前正在使用的编码工具《通义灵码》虽然处于公测状态，但丝毫不影响使用，有兴趣的可以去看看 通义灵码，是阿里云出品的一款基于通义大模型的智能编码辅助工具，提供行级/函数级实时续写、自然语言生成代码、单元测试生成、代码注释生成、代码解释、研发智能问答、异常报错排查等能力，并针对阿里云 SDK/OpenAPI 的使用场景调优，助力开发者高效、流畅的编码。 兼容 Visual Studio Code、JetBrains IDEs 等主流 IDE； 支持 Java、Python、Go、C/C++、JavaScript、TypeScript、PHP、Ruby、Rust、Scala 等主流编程语言。 那么既然说到这里了，有人肯定会担心收费问题，具体可看下表 收费模式 套餐类型 基础版-免费使用 高级版-立即购买 资费 0 元/人/年 618...

准备12# 拉取镜像sudo docker pull dperson/samba:latest 配置文件12345678# 在你喜欢的地方创建配置文件# /mnt/HanSSD/Docker/DockerData/samba/smb.conf[HanSSD_SMB] comment = Shared Folder path = /share browseable = yes read only = no valid users = hanfile 部署123456sudo docker run -d --name samba \-p 445: 445 \-v /mnt/HanSSD/Docker/DockerData/samba:/etc/samba \-v /mnt/HanSSD/SAMBA_SHARE:/share \--restart=always \dperson/samba:latest 创建用户12345# 进入docker终端sudo docker exec -it samba /bin/bash#...

更新12345# 必执行sudo apt updatesudo apt upgradesudo apt install ca-certificates curl gnupg 添加Docker官方GPG密钥123sudo install -m 0755 -d /etc/apt/keyringscurl -fsSL https://download.docker.com/linux/debian/gpg | sudo gpg --dearmor -o /etc/apt/keyrings/docker.gpgsudo chmod a+r /etc/apt/keyrings/docker.gpg 设置Docker存储库123456echo \ "deb [arch="$(dpkg --print-architecture)" signed-by=/etc/apt/keyrings/docker.gpg] https://download.docker.com/linux/debian \ "$(. /etc/os-release...

众所周知，forEach循环是无法中途跳出循环的，有点同学说不是可以通过抛出错误跳出循环吗？是的。抛出异常是广为流传的一种方法，结果是我们想要，但是你看代码，哪个正常人会这样写代码？是非forEach不用吗？还是其他的循环关键字不配呢。 forEach抛出异常跳出循环1234567891011const list = [1, 2, 3, 4, 5, "a", "b", "c", "d", "e"];try { list.forEach((itm) => { if (itm === "c") { throw new Error("exit"); } console.log(itm); });} catch (e) { // console.log(e);} splice变相跳出循环1234567const list...

环境vue-cli 5.xvue-router 4.xNginx 综述使用Vue3项目Vue-router4开发完毕后项目Build打包部署线上环境后，首页能正常访问菜单内点击切换也没有问题，但当你刷新页面后，则出现 404 Not Found，故在此记录一下解决办法 解决思路在与chatGPT进行深刻激烈的探讨后，确定了是Nginx的问题，根据chatGPT的引导进行配置依旧无法解决，刷新页面时访问的资源在服务端找不到，因为此时vue-router设置路由地址被当作url地址，此时的地址路径肯定不是真实存在的，所以出现404现象。之所以出现上面的现象，是因为在nginx配置的根目录/www/wwwroot/dist下面压根没有’XXX/xxx/xxx’这个真实资源存在，这些访问资源都是在js里渲染的。 12345678# 服务端nginx的一开始配置如下（假设域名为：www.vvhan.com）：server{ listen 80; server_name www.vvhan.com; ...