源码系统概览
文章正文
思幻个人引导页是一款二次元风格的 HTML 个人主页导航源码，把联系方式、站点导航、团队成员介绍和打赏收款集中在一个页面展示。
整站全部由静态 HTML 写成，不需要数据库，解压后扔到任意静态服务器就能跑。
拿来当个人主页的统一入口正合适，个人站长、自媒体博主和小型团队都能直接用。
源码简介
思幻个人引导页出自思幻工作室，官方说明里的定位就是二次元风格个人主页。
整包共 67 个文件，结构很干净，index.html 是首页，404.html 是错误页，样式集中在 css/style.css。
js 目录下有 index.js、yhpl.js、lanjiazai.js 和 jquery-2.1.4.js 四个脚本，分别负责运行计时、樱花特效、图片懒加载和基础库。
首页顶部是头像和姓名，边上排着 QQ、企业微信、微博、快手、抖音五个平台的 SVG 图标，点图标就能跳转。
中间的我的站点栏目最多能放 16 个常用链接。
再往下是团队模块，用 Tab 切换 5 位成员，每个人的头像、技能、标签和个人介绍都分开放好。
页脚有友情链接、网站地图、加入我们、广告合作这些入口。
整体配色偏柔和，鼠标指针换成了自定义样式，fonts 目录里放了 16 个光标和字体文件。
适用场景
这套页面适合个人站长、自媒体博主，还有带团队的游戏工作室。
最常见的用法是把社交账号、常用站点、收款方式集中到一页，当作个人主页的统一入口。
相比从零手写一个个人主页，它把社交入口、收款码和团队展示一次性配齐，省掉前端排版那摊事。
想介绍团队的话也能直接用，成员资料和工作室形象都展示得开。
因为是纯静态结构，虚拟主机、云服务器、对象存储都能放，GitHub Pages 也可以直接托。
相比 PHP 或 WordPress 那类带后台的站点，这套页面不用装环境，本地浏览器双击 index.html 就能预览。
功能亮点
二次元风格界面，页面上有 canvas 画的樱花花瓣一直飘，特效脚本就是 js/yhpl.js。
联系方式区内置了 QQ、企业微信、微博、快手、抖音图标。
我的站点栏目支持最多 16 个导航链接。
团队成员用 Tab 切换展示，头像、标签、个人介绍都有。
打赏功能带 QQ、微信、支付宝三种收款码弹窗，对应 images 里的 qqskm.jpg、wxskm.jpg、zfbskm.jpg 三张图。
图片懒加载由 js/lanjiazai.js 负责，页面滚过 500 像素后回到顶部按钮才出现。
相比其它同类型的个人导航页模板，这套源码样式更二次元，社交入口、团队介绍、打赏收款都做成了现成模块。
技术架构与部署指南
| 维度 | 本套源码 | 同类通用方案 |
|---|---|---|
| 技术栈 | 前端：HTML5 + CSS3 + 原生 JavaScript + jQuery 2.1.4 后端：无后端程序，纯静态 |
依具体方案选型，需自行搭建与维护 |
| 部署方式 | 压缩包解压后，整个目录传到网站根目录就行。 | 多托管于第三方平台或订阅云服务 |
| 功能侧重 | 二次元风格界面，页面上有 canvas 画的樱花花瓣一直飘，特效脚本就是 js/yhpl.js。 | 功能通用，定制深度有限 |
| 数据归属 | 数据自持，部署在自有服务器，不出站 | 数据通常留存于服务商侧 |
| 成本模式 | 获取后自主部署，无持续授权费用 | 通常按订阅或调用量计费 |
技术栈与运行环境
前端：HTML5 + CSS3 + 原生 JavaScript + jQuery 2.1.4
后端：无后端程序，纯静态页面
数据库：无需数据库
运行环境：任意静态服务器，如 Nginx、Apache、对象存储或 GitHub Pages
其他依赖：iconfont 图标字体 CDN、图片懒加载 IntersectionObserver 接口
安装与部署提示
压缩包解压后，整个目录传到网站根目录就行。
index.html 里留着一堆这里填写的占位链接，改写成自己的社交账号和站点地址。
头像、收款码这些图片在 images 目录里，同名替换就能换内容。
页面还引用了 iconfont 和 q.qlogo.cn 的外链资源，部署完建议确认一下这些外链能正常打开。
纯静态站不碰数据库，域名解析绑定好就能访问。
打包后的压缩包约 38MB，体积主要被 images 目录里的图片占掉。
截图与演示说明
根目录的 index.html 就是页面本体，浏览器直接打开就能看效果。
从上到下依次是头部名片区、跑马灯公告、我的站点、我的团队、友情链接和页脚。
头部名片区放头像和姓名，QQ、企业微信、微博、快手、抖音五个图标入口也在这一块。
右下角有张悬浮卡片，本站已安全运行的计时就是 js/index.js 算出来的，点赞助一下会弹出 QQ、微信、支付宝三张收款码。
右侧菜单栏有回到顶部按钮，页面滚过 500 像素才出现。
js/yhpl.js 画的是 canvas 樱花飘落特效，js/lanjiazai.js 管图片懒加载，404.html 是找不到页面时的错误提示页。
常见问题
问：部署后图片不显示是什么原因？
大部分图片走 data-src 懒加载，js/lanjiazai.js 要是没正常加载，图片就不会自动填充。
把脚本文件传完整，再看看浏览器有没有拦本地脚本。
问：昵称和联系方式怎么改？
昵称在 index.html 的 name 区块里直接改，联系方式占位链接在 lxfs 模块中。
把这里填写换成真实地址就行。
问：打赏收款码怎么换成自己的？
images 目录里的 qqskm.jpg、wxskm.jpg、zfbskm.jpg 分别对应 QQ、微信、支付宝三张收款码。
做一张同尺寸的新图，同名覆盖就行。
问：思幻个人引导页是什么类型的源码？
它是纯静态的 HTML 个人主页导航页，二次元风格，无后端程序，也不依赖数据库。
部署和维护成本都很低。
问：和 WordPress 个人站比，这套源码适合什么场景？
两者定位不同。
WordPress 有后台管理系统，适合内容持续更新的站点。
这套是纯静态单页，打开快部署简单，适合把社交入口、收款方式和团队信息集中展示。
二次开发直接改 HTML 就行。
安全风险提示
发布方未对本套源码做逐文件安全检测，下载后请自行完成安全审计。
部署前重点检查 index.html 和 js 目录里的脚本，确认没有可疑的外链请求，删除恶意代码后再上线。
下载说明
源码仅供学习研究、测试部署和二次开发参考，商用前请自行确认授权、版权和安全风险。
这份资源来自互联网免费分享，里面用到的头像、图标等素材版权归原作者，请勿用于违法用途。
下载后先解压看看说明文件，确认文件完整再传到服务器或虚拟主机。
本套源码由奥森免费源码网整理分享。
最后更新：2026-08-16