成品预览 threejs 简单介绍Three.js是一个强大的JavaScript库，用于在Web上创建令人惊叹的3D图形和交互体验。无论是建立虚拟现实应用、创建游戏还是展示复杂的数据可视化，Three.js都是一个理想的选择。通过Three.js，你可以轻松地加载和渲染3D模型、纹理和动画。它提供了丰富的功能和工具，帮助你创建逼真的光照效果、阴影、粒子系统、物理模拟等。你可以控制相机视角、添加用户交互、处理鼠标和触摸事件，以及实现复杂的动画效果。 Three.js具有广泛的浏览器支持，可以在主流的Web浏览器中运行，包括Chrome、Firefox、Safari和Edge。它基于WebGL技术，利用了GPU加速，能够在现代计算机和移动设备上实现高性能的实时渲染。 不仅如此，Three.js还有一个庞大的社区支持，提供了大量的示例、教程和资源，帮助你入门并解决问题。你可以从基本的几何形状开始，逐渐构建复杂的场景和效果，甚至与其他Web技术（如HTML、CSS和JavaScript）进行无缝集成。 项目准备工作这个项目是github上面一个开源项目，看着shine布置了一个，我也想布置 ...

easyimge图床提供了丰富的功能特点，包括支持API，仅登录后上传，图片质量设置，图片大小压缩，文字/图片水印，图片指定宽/高，上传图片格式转换，限制最低宽度/高度上传，支持其他文件格式上传，在线管理图片，网站统计，广告设置，图片鉴黄，自定义代码，上传IP黑白名单，上传日志IP定位，限制日上传次数，创建仅上传用户等。同时，它对安装环境和服务器性能的要求极低，理论上支持所有常见格式。 通过搭建一个在线的图床，可以使得在写博客，写笔记的时候，方便插入，不占用文档体积，下面是easy image的一些官方地址，有兴趣的小伙伴可以去看看： 作者github代码仓库 官方文档地址 docker地址 我们使用群晖的任务计划进行部署，快来跟我一起操作吧： 打开任务计划，选择新增触发的任务 任务名称随便写，点击任务设置，选择root用户，不能选其他的用户： 将下面的docker运行命令粘贴到用户自定义脚本中： 123456789docker run -itd \--name easyimage \-p 9730:80 \-e TZ=Asia/Shanghai \- ...

pve安装Ubuntu在pve中安装Ubuntu需要准备Ubuntu的镜像，这里直接去官网下载，点击这里我这里直接选择Ubuntu server 22.04.3LTS版本，你们看情况选择。速度可能有点慢，我开了魔法一下子就下载好了。 打开pve后台，按照下面上传镜像： 之后就是创建虚拟机，直接跟着照片来就行： 直接启动之后，选择第一项intall Ubuntu就行： 按需设置就行 这些后面再自己装吧 然后静待安装完成即可，选择reboot now， 然后登录就能显示ipv4地址了 let postAI_Selector = '\#post \#article-container';let postAI_key = 'ebd78a45e6b77fc91faa';

pve搭建黑群晖（DS920+）在折腾了一天的情况下终于是搭建好了我的黑群晖，下面简单介绍一下安装过程。 需要准备两个东西： 1.编译工具 2.对应自己安装的pat文件 需要提前下载好编译工具，点击这里选择arpl-1.1-beta2a.img.zip下载即可，下载好之后解压会得到一个arpl.img文件，之后上传会用得到 进入pve后台： 创建一个虚拟机： 点击完成即可。 接下来开始上传我们的编译工具： 点击上传即可 上传好之后我们把它编译到刚刚新建的虚拟机： 方案一（如果选择这个就不要使用我下面删除lvm的那些步骤了）： 1qm importdisk 100 /var/lib/vz/template/iso/arpl.img local_lvm 这个命令是你没有删除local_lvm的 方案二（删除lvm）： 下面提供我删除lvm的办法，这样就不用浪费一片存储空间给lvm，直接把所有空间给到local： 打开 执行： 1lvremove pve/data 回车选择y即可 再执行： 1lvextend -l +100%FREE -r pve/root ...

低价入手一台all in one 主机本次采用的方案是某鱼捡垃圾玩法，低价购入一台主机，主要消费如下： 梅捷n3150主板 —69元 512g固态+8g ddr3内存条 —120元 256g固态 80元（pdd购买，一开始没有找到上面那个捡垃圾方法，哭唧唧） pdd垃圾电源 —56元 好了暂时这么多配件了，合计=69+120+80+56=325元，这样你就拥有一台4h8g的768g内存的all in one主机。 搭建pve U盘制作pve 引导盘需要准备以下东西： 大于2g的U盘 pve镜像 pve刷写工具 点击这里进入官网，找到Proxmox VE8.0 ISO 下载即可，注意在国内下载速度可能很慢，所以你懂得。 刷写工具使用Rufus，可以直接进入GitHub中搜索Rufus，这里附上GitHub地址，直接选择对应自己电脑的下载就行，我的电脑是win所以直接选择第一个Rufus-4.2.exe，下载好，直接打开如下： 选择刚刚下载好的pve.iso文件就行，然后点击开始就行，等待u盘制作完成。 安装pve注意在安装pve之前要先进入B ...

免费获得1h30g海外服务器写一篇大家可能需要的文章，正如标题所示，免费获得一年的服务器，这里用的是亚马逊平台， 点击这里打开活动网站，进入网站后，点击立即开始试用： 然后开始繁琐的注册过程，至于你用什么手机号，你随意就好，这里提一点，在第五步需要绑定信用卡，这里你可以去tb看看，会有你想要的答案。 注册好之后，我们来到控制台 搜索ec2，然后会进入ec2控制台（服务器）： 点击启动实例，就可以开始创建实例过程，直接上图，按图操作就行： 接下来演示怎么通过finalshell连接到这个服务器 finalshell连接服务器 复制这一串ssh，然后打开finalshell： 选择ssh连接： 此处的用户名就是在连接实例的用户名： 方法选择公钥，然后点击浏览： 然后选择导入，导入你是你在创建服务器时创建的密钥，你创建之后浏览器会自动下载你的密钥名.pem文件，你把它导入就行，名称的话就按照你的密钥文件名称设置就行 然后点确定，就可以了创建ssh链接啦。 let postAI_Selector = '\#post \#article-container';l ...

pinia实现持久化前言pinia是什么？pinia有什么好处？ pinia是设计一个拥有组合式 API 的 Vue 状态管理库， Vue 的专属状态管理库，它允许你跨组件或页面共享状态 pinia可以实现以下功能： Devtools 支持 追踪 actions、mutations 的时间线 在组件中展示它们所用到的 Store 让调试更容易的 Time travel 热更新 不必重载页面即可修改 Store 开发时可保持当前的 State 插件：可通过插件扩展 Pinia 功能 为 JS 开发者提供适当的 TypeScript 支持以及自动补全功能。 支持服务端渲染 简单概括就是，以后在使用pinia中state 是 store 的数据 (data)，getters 是 store 的计算属性 (computed)，而 actions 则是方法 (methods) pinia 安装pinia可以通过两种方式来创建， 方法1：可以在创建vue框架时勾选pinia选项 方法2：在已经构建好的vue项目，可以使用以下命令来构建pinia 12345yarn add pinia ...

overflow语法如下： 123456789101112131415/* Keyword values */overflow: visible; /*内容不能被裁减并且可能渲染到边距盒（padding）的外部*/overflow: hidden; //超出就隐藏overflow: clip;overflow: scroll; //无论超出还是不超出都有滚动条overflow: auto; //浏览器自动判断overflow: hidden visible;/* Global values */overflow: inherit;overflow: initial;overflow: revert;overflow: revert-layer;overflow: unset; 这几个属性的具体效果点击这里overflow - CSS：层叠样式表 | MDN (mozilla.org) text-aligntext-align CSS 属性定义行内内容（例如文字）如何相对它的块父元素对齐。text-align 并不控制块元素自己的对齐，只控制它的行内内容的对齐。 12345 ...

前言在这，我说一下，这个我是根据leonus的教程走的，有需要的小伙伴也可以去看他的，写得挺不错的，当然可以直接看我的，亲测最新版也可以搭建得上。魔改提纲如下： 1.修改[Blogroot]\themes\butterfly\scripts\helpers\page.js这个文件 2.修改[Blogroot]\themes\butterfly\layout\includes\mixins\post-ui.pug 3.添加自定义的css 整体改动不是很多，有时间的小伙伴都可以试试，挺方便的。 教程1.打开[Blogroot]\themes\butterfly\scripts\helpers\page.js，在最底部添加以下代码： 123456789// 最新文章hexo.extend.helper.register('newPost', function() { let name, time; hexo.locals.get('posts').map((item, index) => { if ( ...

前言本文参考了纳斯的教程，首先先说一下两个插件的区别： 1hexo-algolia不能将文章内容作为索引上传，hexo-algoliasearch 可全文上传 你的拥有Algolia搜索账号，点击这里进行注册。注册成功之后，先进入你的邮箱去验证一下这个账号，然后返回Algolia，会进入这样一个界面： 输入你喜欢的名称就ok，然后创建；创建成功后点击左侧导航栏的小屋子那个图标，之后点击： 接下来点击： 接下来： 接下来; 点击创建即可，接下来记录一下key的值： 12345appId: "xxxx" //在Your API Keys这里可以拿到（Application ID） apiKey: "xxxxxx" //在All API Keys这里你刚刚新建的那个key adminApiKey: "xxxxx" //在Your API Keys这里可以拿到 chunkSize: 5000 indexName: "xxxx" //你一开始输入的index 配置config在_con ...