赛博空间

简介使用错误的cdn会导致博客服务无法访问，访问速度过慢的问题。因为众所周知的原因jsdelivr无法使用了，但是替换cdn不知道替换成什么比较好。使用新版butterfly的用户可以切换成本地模式，但是如果是旧版butterfly用户的话或者新版想要提升速度就需要第三方的cdn了。 替换方式更改博客配置文件themes/butterfly/_config.yml 新版butterfly更改cdn的option配置项 更改配置项 链接我这里只列出我在用的cdn，我没有用到的cdn可以在评论中留言，有时间我会补充。 main 1https://cdn.staticfile.org/hexo-theme-butterfly/4.9.0/js/main.min.js utils 1https://cdn.staticfile.org/hexo-theme-butterfly/4.9.0/js/utils.min.js translate（在用） 1https://cdn.staticfile.org/hexo-theme-butterfly/4.9.0/js/tw_ ...

开源的网站统计服务——Umami。 根据官网介绍，Umami 是一款简单、易用、美观、轻量、快速、隐私、安全的开源免费网站统计工具，从部署到使用，都是简单、快速，体验也很满意。 官方文档介绍了多种部署方式，包括使用自己服务器，或者第三方平台，例如 Netlify、Heroku、Railway 等等，有些第三方平台一般都不提供数据库服务，本文将使用 Vercel 部署应用，Supabse、Heroku 两种方式提供数据库服务。 在使用前，先注册并登录好 GitHub、Vercel、Supabase或者Heroku 三个平台，并在 GitHub 平台 Fork Umami 的项目仓库。 GitHub：https://github.com/umami-software/umamiVercel：https://vercel.com/Supabase：https://supabase.com/ 1、在 Supabase 建立数据库在官网选择 Free 方案，进入 Create a new project 页面，按要求填写相关内容。Name 填写任意项目名，Database Password 可 ...

PicX 是一款基于 GitHub API 开发的具有 CDN 加速功能的图床管理工具，所以我们可以使用GitHub+PicX搭建免费图床。 首先，你需要先创建一个仓库，仓库名随便，但是仓库必须公开： 然后，进入“设置（Settings）”，往下拉，找到“开发者选项（Developer settings）”，在“个人访问令牌（Personal access tokens）”选项卡下拉找到“令牌（Tokens(classic)）”，然后单击“生成新令牌（Generate new token）”，进入新建令牌界面，按图片里写： 写完后，生成令牌，你会得到一个token，请妥善保管，此token只显示一次。 接着，访问https://picx.xpoet.cn/，单击“图床配置”，粘贴进你的token，然后按图片提示写： 配置完成后，就可以进入“上传图片”，上传你的图片了~

简介本程序专为快速解决局域网共享失败而制作，采用批处理编写，绿色开源，无需安装，安全无毒。对于PC之间共享访问失败、无法访问PC共享的打印机、安卓设备访问PC共享失败等问题都可进行修复，兼容XP及之后的Windows系统。 使用说明本程序无需安装，在共享有问题的系统中运行（如不能判断原因，建议双方系统都运行）； 必须鼠标右键点击本程序，选“以管理员身份运行”，否则修复无效； 运行中遇到360、腾讯管家等弹出安全警告时，选择“允许”或“放行”，否则修复无效； 修复完成后必须重启系统，否则修复无效； 本程序不仅可以自动完成共享和权限设置，也支持手动设置，具体方法见下； 方法：打开本程序，输入“4”（共享和权限设置），按回车，打开系统的“共享文件夹”管理器，右键“共享”，可新建共享；右键右侧共享文件夹可停止共享；右键右侧共享文件夹，选择属性”，可设置文件夹的“*共享权限”和“*安全”（权限）。 下载:https://wwsf.lanzouw.com/iAMh114eg9id 密码:4mao

AWS CloudFront CDN简介Amazon CloudFront （CFT）使用了一个包含 450 多个接入点和 13 个区域边缘缓存的全球网络，该网络覆盖 48 个国家/地区的 90 多个城市。在中国的边缘节点包括：中国上海（1 个）；中国深圳（1 个）；中国中卫（1 个）；中国北京（1 个）；中国香港（4 个）完全可以用于国内站点；至于欧美那就更不用说了！ 下图是CFT的边缘缓存、边缘节点地图： 无论你在世界的哪里，CFT基本上保证1秒触及，让网站流畅到飞～比较知名的新闻站Reuters，上个视频介绍过的slack，流媒体hulu使用的就是CFT服务。 最重要的，CFT有1TB/月的流量而且永久免费，这对小站长来说是个大大的福利，我们只要付超出1T流量的费用即可，CFT的定价请参考：https://aws.amazon.com/cn/cloudfront/pricing/?nc=sn&loc=3 仔细算算，CFT基本上不用花钱的！ 注册AWS（需验证信用卡）注册地址：https://aws.amazon.com/cn/free/ CFT的设置 ...

API提交需要安装额外插件hexo-baidu-url-submit 1npm install hexo-baidu-url-submit --save 在原有部署到github的站点配置的基础上，添加新站点配置 1234567891011121314deploy:- type: git repo: https://github.com/ ##仓库地址 branch: main- type: baidu_url_submitterbaidu_url_submit: count: 10 ## 提交最新的一个链接 host: macin.top ## 在百度站长平台中注册的域名 token: ## 请注意这是您的秘钥， 所以请不要把博客源代码发布在公众仓库里! path: baidu_urls.txt ## 文本文档的地址， 新链接会保存在此文本文档里server: port: 5000 compress: true header: true 之后每次hexo d部署后会自动进行API提交

介绍：PWA的全称是Progressive Web Apps，译为渐进式网络应用程序。装配了PWA以后，用户可以将网站作为WEB APP安装到自己的设备上，以原生应用般的方式浏览博客，同时借助PWA的缓存机制，能够更快速的浏览。本文讨论的是使用两种方案实现PWA。最终效果不尽相同，但是都可以实现原生应用体验和更新弹窗提示。 图标设计：在使用PWA之前，我们最好先行设计一个符合网站主题的图标。可以使用brandmark图标设计网站，访问 brandmark进行图标设计。下载需要收费，不过可以截图。建议截图的时候截成正方形。 生成图标包及manifest因为我们最终目的是要制作一个全平台的WEB APP，所以对于图标的大小、类型适配显得格外重要。可以访问realfavicongenerator进行图标制作及manifest的生成。 选择图片 创建所有图标 调整Windows磁贴图标配色 设置图片相对于source目录的存放路径 设置Web App名称 生成README.md 选择生成 下载资源包 获取图标文件和manifest 配置PWA实现 ...

blogroot\themes\butterfly\source\css新建toututouming.css 1234/* 头图透明 */#page-header{ background: transparent!important;} 主题配置文件_config.butterfly.yml插入CSS文件 123inject: head: - <link rel="stylesheet" href="/css/toututouming.css?1">

blogroot\themes\butterfly\source\css新建nav_middle.css 12345678/* 导航栏做居中处理 */#nav-right{ flex:1 1 auto; justify-content: flex-end; margin-left: auto; display: flex; flex-wrap:nowrap;} 主题配置文件_config.butterfly.yml插入CSS文件 123inject: head: - <link rel="stylesheet" href="/css/nav_middle.css?1">

blogroot\themes\butterfly\source\css新建night.css 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778:root { --trans-light: rgba(255, 255, 255, 0.9); --trans-dark: rgba(25, 25, 25, 0.9); --border-style: 1px solid rgb(169, 169, 169); --backdrop-filter: blur(5px) saturate(150%); } /* 首页文章卡片 */ #recent-posts > .recent-post-item { background: var(--trans-light); border-radius: 2 ...