Personal Site · 2026

纯静态网站 由 代码 构建

一个部署在云端的个人站点，从页面到服务器均由独立完成。仅作技术练习与展示用途。

查看作品 了解详情
SCROLL
01

关于本站

本站为纯静态网站，使用 HTML、CSS 与原生 JavaScript 编写，未引入任何前端框架。

服务器部署于阿里云，通过宝塔面板进行管理，已完成 ICP 备案与公安联网备案，全站启用 HTTPS 加密访问。

本网站仅用于个人技术练习与页面展示，不涉及任何商业用途与经营性服务。

站点类型静态网站
部署环境阿里云 / 宝塔面板
访问协议HTTPS
ICP 备案渝ICP备2026005719号
公安备案渝公网安备50022302000912号
建站时间2025 年
02

技术构成

◈

HTML5

语义化标签结构

◆

CSS3

Flex / Grid / 动画

◇

JavaScript

原生交互逻辑

⬡

Canvas

2D / 3D 视觉渲染

▣

响应式

多端适配布局

⬢

宝塔面板

服务器运维管理

◎

HTTPS

SSL 证书配置

⬦

DNS

域名解析管理

03

作品展示

HTML
CSS
JS
HTTPS
DNS
部署
当前站点

个人主页网站

你正在浏览的这个网站。包含自定义光标、3D 粒子球体、Canvas 动画、键盘导航等交互效果，整体采用深色极简设计风格。

  • 前端HTML / CSS / JavaScript
  • 视觉Canvas 3D / CSS 3D
  • 交互鼠标跟随 / 键盘快捷键
  • 部署阿里云 · 宝塔面板
返回顶部 ↑

自定义光标

双光标跟随系统，悬停可交互元素时产生放大反馈。

3D 粒子球

Canvas 渲染的旋转粒子球体，鼠标移动产生视差偏移。

键盘导航

支持 J/K 翻页、数字键跳转、问号唤出快捷键面板。

J/K 翻页   G 顶部   1-3 跳转