2025-10-12

浏览量加载中...

Tip

XUIOO.COM 目前个人主页已完工！#

前言#

这个个人主页的项目其实很早以前就留意过，只是当时觉得太单调，过于简洁了，于是就选了Zyyo的一个开源项目，原来的个人主页样式是这样的：

然后我上B站，一直搜一直搜，花里胡哨的挺多，但是真正有ins高级感，真正实用的却很少

像是这个房间式 3D 个人主页 Three.js构建，虽然他这个挺新颖的，脑回路也是真够意思，UI效果也相对来说挺好了，但是可能我们都习惯了传统的操作，像是他展示的那个折叠菜单，可能普通人要找好一会儿，至于服务器能耗，那一边就不知道了，UP主也没有给源码！

下面是哔哩哔哩的视频：

可能是3D式，基于源码比较复杂吧，博主也在调试中等项目，成熟了估计就会在上Github开源了，不过收费也有可能…

货比三家后，也就这个项目UI最好看了，关键他还可以Docker部署，但是不太建议，建议大家还是用传统的pnpm来build，这样子生成的静态页面会更加节能！操作管理也更加方便！

配置#

拉取：

1
# 本地电脑终端执行
2
git clone https://github.com/imsyy/home.git

ㅤㅤ或者点击这里下载.zip自行解压！

.env.example就是配置文件，将它改名改成.env，然后按照里面的注释，文字教程走即可，没有难度！

部署#

这边官方文档有挺多种方式去部署的，但是我只推荐本地手动部署，其他的你需要你也可以点击这里看一下！

用 pnpm 静态部署#

Tip

除了`pnpm`，你也可以用`npm`和`yarm`，没有测试过，官方文档`pnpm`！#

安装 node.js 环境
node> 16.16.0
npm> 8.15.0
后以管理员权限运行cmd终端，并cd到项目根目录

在终端中输入：

1
# 安装 pnpm
2
npm install -g pnpm
3

4
# 安装依赖
5
pnpm install
6

7
# 预览
8
pnpm dev
9

10
# 构建
11
pnpm build

构建完成后，静态资源会在dist目录中生成，可将dist文件夹下的文件上传至服务器，也可使用Vercel等托管平台一键导入并自动部署！

（附）视频全流程#

你要是实在不懂的就去哔哩哔哩跟着大佬的视频走：（但是我更推荐你能够主动阅读，而不是被动接收）

我的心情：正常！

重构个人主页

https://blog.xuioo.com/posts/olds/6541012/

作者

XUIOO

发布于

2025-10-12

许可协议

CC BY-NC-SA 4.0

更新日期：2026/07/15
生效日期：2025/05/30

导言#

「Aimerting | XUIOO」是一款由Aimerting & XUIOO（以下简称“我们”）提供的产品。您在使用我们的服务时，我们可能会收集和使用您的相关信息。我们希望通过本《隐私政策》向您说明，在使用我们的服务时，我们如何收集、使用、储存和分享这些信息，以及我们为您提供的访问、更新、控制和保护这些信息的方式。

本《隐私政策》与您所使用的「Aimerting | XUIOO」服务息息相关，希望您仔细阅读，在需要时，按照本《隐私政策》的指引，作出您认为适当的选择。本《隐私政策》中涉及的相关技术词汇，我们尽量以简明扼要的表述，并提供进一步说明的链接，以便您的理解。

您使用或继续使用我们的服务，即意味着同意我们按照本《隐私政策》收集、使用、储存和分享您的相关信息。

如对本《隐私政策》或相关事宜有任何问题，请通过Aimerting@163.com与我们联系。

1. 我们收集的信息#

我们或我们的第三方合作伙伴提供服务时，可能会收集、储存和使用下列与您有关的信息。如果您不提供相关信息，可能无法注册成为我们的用户或无法享受我们提供的某些服务，或者无法达到相关服务拟达到的效果。

个人信息：您在注册账户或使用我们的服务时，向我们提供的相关个人信息，例如电话号码、电子邮件等。
日志信息：指您使用我们的服务时，系统可能通过 cookies、标识符及相关技术收集的信息，包括您的设备信息、浏览信息、点击信息，并将该等信息储存为日志信息，为您提供个性化的用户体验、保障服务安全。您可以通过浏览器设置拒绝或管理 cookie、标识符或相关技术的使用。
位置信息：指您开启设备定位功能并使用我们基于位置提供的相关服务时，收集的有关您位置的信息，包括：
- 您通过具有定位功能的移动设备使用我们的服务时，通过 GPS 或 WiFi 等方式收集的您的地理位置信息；
- 您可以通过关闭定位功能，停止对您的地理位置信息的收集。

2. 信息的存储#

2.1 信息存储的方式和期限#

我们会通过安全的方式存储您的信息，包括本地存储（例如利用 APP 进行数据缓存）、数据库和服务器日志。

一般情况下，我们只会在为实现服务目的所必需的时间内或法律法规规定的条件下存储您的个人信息。

2.2 信息存储的地域#

我们会按照法律法规规定，将境内收集的用户个人信息存储于中国境内。

目前我们不会跨境传输或存储您的个人信息。将来如需跨境传输或存储的，我们会向您告知信息出境的目的、接收方、安全保证措施和安全风险，并征得您的同意。

2.3 产品或服务停止运营时的通知#

当我们的产品或服务发生停止运营的情况时，我们将以推送通知、公告等形式通知您，并在合理期限内删除您的个人信息或进行匿名化处理，法律法规另有规定的除外。

3. 信息安全#

我们使用各种安全技术和程序，以防信息的丢失、不当使用、未经授权阅览或披露。例如，在某些服务中，我们将利用加密技术（例如 SSL）来保护您提供的个人信息。但请您理解，由于技术的限制以及可能存在的各种恶意手段，在互联网行业，即便竭尽所能加强安全措施，也不可能始终保证信息百分之百的安全。您需要了解，您接入我们的服务所用的系统和通讯网络，有可能因我们可控范围外的因素而出现问题。

4. 我们如何使用信息#

我们可能将在向您提供服务的过程之中所收集的信息用作下列用途：

向您提供服务；
在我们提供服务时，用于身份验证、客户服务、安全防范、诈骗监测、存档和备份用途，确保我们向您提供的产品和服务的安全性；
帮助我们设计新服务，改善我们现有服务；
使我们更加了解您如何接入和使用我们的服务，从而针对性地回应您的个性化需求，例如语言设定、位置设定、个性化的帮助服务和指示，或对您和其他用户作出其他方面的回应；
向您提供与您更加相关的广告以替代普遍投放的广告；
评估我们服务中的广告和其他促销及推广活动的效果，并加以改善；
软件认证或管理软件升级；
让您参与有关我们产品和服务的调查。

5. 信息共享#

目前，我们不会主动共享或转让您的个人信息至第三方，如存在其他共享或转让您的个人信息或您需要我们将您的个人信息共享或转让至第三方情形时，我们会直接或确认第三方征得您对上述行为的明示同意。

为了投放广告，评估、优化广告投放效果等目的，我们需要向广告主及其代理商等第三方合作伙伴共享您的部分数据，要求其严格遵守我们关于数据隐私保护的措施与要求，包括但不限于根据数据保护协议、承诺书及相关数据处理政策进行处理，避免识别出个人身份，保障隐私安全。

我们不会向合作伙伴分享可用于识别您个人身份的信息（例如您的姓名或电子邮件地址），除非您明确授权。

我们不会对外公开披露所收集的个人信息，如必须公开披露时，我们会向您告知此次公开披露的目的、披露信息的类型及可能涉及的敏感信息，并征得您的明示同意。

随着我们业务的持续发展，我们有可能进行合并、收购、资产转让等交易，我们将告知您相关情形，按照法律法规及不低于本《隐私政策》所要求的标准继续保护或要求新的控制者继续保护您的个人信息。

另外，根据相关法律法规及国家标准，以下情形中，我们可能会共享、转让、公开披露个人信息无需事先征得您的授权同意：

与国家安全、国防安全直接相关的；
与公共安全、公共卫生、重大公共利益直接相关的；
犯罪侦查、起诉、审判和判决执行等直接相关的；
出于维护个人信息主体或其他个人的生命、财产等重大合法权益但又很难得到本人同意的；
个人信息主体自行向社会公众公开个人信息的；
从合法公开披露的信息中收集个人信息的，如合法的新闻报道、政府信息公开等渠道。

6. 您的权利#

在您使用我们的服务期间，我们可能会视产品具体情况为您提供相应的操作设置，以便您可以查询、删除、更正或撤回您的相关个人信息，您可参考相应的具体指引进行操作。此外，我们还设置了投诉举报渠道，您的意见将会得到及时的处理。如果您无法通过上述途径和方式行使您的个人信息主体权利，您可以通过本《隐私政策》中提供的联系方式提出您的请求，我们会按照法律法规的规定予以反馈。

当您决定不再使用我们的产品或服务时，可以申请注销账户。注销账户后，除法律法规另有规定外，我们将删除或匿名化处理您的个人信息。

7. 变更#

我们可能适时修订本《隐私政策》的条款。当变更发生时，我们会在版本更新时向您提示新的《隐私政策》，并向您说明生效日期。请您仔细阅读变更后的《隐私政策》内容，若您继续使用我们的服务，即表示您同意我们按照更新后的《隐私政策》处理您的个人信息。

8. 未成年人保护#

我们鼓励父母或监护人指导未满十八岁的未成年人使用我们的服务。我们建议未成年人鼓励他们的父母或监护人阅读本《隐私政策》，并建议未成年人在提交的个人信息之前寻求父母或监护人的同意和指导。

XUIOO.COM 目前个人主页已完工！#

前言#

配置#

部署#

用 pnpm 静态部署#

除了`pnpm`，你也可以用`npm`和`yarm`，没有测试过，官方文档`pnpm`！#

（附）视频全流程#

评论区

音乐

重构个人主页

XUIOO.COM 目前个人主页已完工！#

前言#

配置#

部署#

用 pnpm 静态部署#

除了pnpm，你也可以用npm和yarm，没有测试过，官方文档pnpm！#

（附）视频全流程#

评论区

音乐

除了`pnpm`，你也可以用`npm`和`yarm`，没有测试过，官方文档`pnpm`！#