Project

个人独立站体系

liujixue.cn 是我的个人主站,用来承载项目展示、在线工具、小程序规划、博客入口和后续服务器能力。

线上域名liujixue.cn
部署平台Vercel
技术栈Next.js / React
当前状态主站 + 工具 + 小程序展示

项目背景

原本只有 NotionNext 博客和一些独立想法,缺少一个能统一展示项目、工具、小程序和服务器能力的入口。这个主站的目标不是做营销页,而是做一个可以长期增长的个人产品中台。

现在主站负责公开展示和工具承载,博客继续负责文章,小程序负责移动端场景,服务器负责 API、数据库、后台和定时任务。LiteMall 接入后,这个站已经不只是个人介绍,而是开始承载真实产品展示。

我实现的内容

这部分展示的是项目里已经落地的工程内容,而不是概念图。

从零搭建主站信息架构,把首页、项目、工具、小程序、站点结构和关于页串成一个统一入口。
完成 liujixue.cn 和 www.liujixue.cn 的 Vercel 域名绑定,并保留 blog.liujixue.cn 作为独立博客。
实现多个在线工具的计算逻辑、交互页面、单元测试、sitemap、RSS 和搜索验证配置。
把 LiteMall 商城小程序纳入主站展示,明确微信小程序、管理后台、Java API 和服务器部署关系。
整理后续服务器、小程序、后台和状态页的域名分工,为长期扩展留出位置。

产品矩阵

主站不是孤立页面,而是把博客、工具、小程序和服务器能力组织成一个长期系统。

主站

liujixue.cn 负责第一入口、SEO、项目展示、工具合集和联系转化。

Next.jsVercelSEO

工具

房贷、工资、年终奖、复利、小程序成本等工具负责产生真实访问价值。

计算逻辑单元测试长尾搜索

小程序

LiteMall 先作为完整商城小程序样板,后续再扩展投资、健身等高频场景。

LiteMall微信小程序产品展示

服务器

自有服务器承载后台、Java API、数据库、上传、任务和后续动态能力。

Spring BootMySQL后台

LiteMall 接入价值

LiteMall 让主站多了一个完整的小程序产品样板:有微信小程序端,有 Vue 管理后台,有 Spring Boot API,也有服务器部署口径。

这比单纯说“我会做小程序”更有说服力。访问者可以从主站看到产品结构、技术栈、模块拆分和下一步部署计划。

建设节点

这个站会继续按“可展示、可使用、可扩展”的顺序往前长。

主站上线

完成 liujixue-main 项目初始化、GitHub 仓库、Vercel 项目和自定义域名配置。

工具合集成型

上线房贷提前还款、工资税后五险一金、纳指定投、减脂热量等实用工具。

结构页补齐

新增站点结构页,明确主站、博客、服务器 API、后台、小程序的分工。

移动端优化

修复工具页在手机端的 grid、表格、图表和文本溢出问题。

小程序展示接入

把 LiteMall 作为第一款小程序产品展示,补充真实截图、模块说明和服务器部署口径。

下一步

补充 LiteMall 小程序合法域名、演示账号权限边界和线上商品订单截图。
接入博客最新文章列表,把内容沉淀从 blog.liujixue.cn 拉回主站展示。
准备 api.liujixue.cn 的服务端入口,为小程序和动态工具提供数据能力。
为核心工具补充更明确的联系入口,把工具访问转成项目咨询和小程序合作线索。