Mathematics, Coding, Thinking, and Gaming.
欢迎来到 develata.me 的源码仓库。这里是一个数学系大学生的数字花园,记录了我学习编程、探索数学、阅读哲学的过程,同时也包含了一个基于 Vue 3 编写的互动游戏实验室。
本项目使用 VitePress 构建,充分利用了其“静态 Markdown + 动态 Vue 组件”的特性。这不仅是一个静态博客,更是一个集成了数学公式渲染、代码高亮和交互式应用的全功能个人站点。
- 数学友好:集成
markdown-it-mathjax3,完美支持 LaTeX 数学公式渲染。 - 互动组件:内置多个使用 Vue 3 编写的经典小游戏。
- 图表支持:集成 Mermaid.js,支持绘制流程图与时序图。
- 自动部署:配置了 GitHub Actions,提交代码即可自动构建并发布到 GitHub Pages。
- 动态侧边栏:编写了自定义脚本,自动根据文件目录生成侧边栏导航。
内容主要分为以下几个领域:
沉淀我的学习与思考:
- Math (数学):概率论、大偏差理论等学术笔记,支持 LaTeX 公式。
- Coding (编程):Linux 运维、Web 开发 (Vue/VitePress)、网络技术 (VPS/内网穿透) 等实战经验。
- Sharing (分享):杂项分享与生活经验。
站点的更新日志与最新动态。
完全由 Vue 3 编写的网页端小游戏,无需后端,纯前端逻辑:
- Convergence (收敛):The Gradient War (梯度战争),策略/动作类实验性作品。
- Tetris (俄罗斯方块):经典消除游戏,针对移动端触控优化。
- Snake (贪吃蛇):包含经典模式与平滑移动特性。
- 2048:经典的数字合并游戏,支持撤销。
- 扫雷 (Minesweeper):支持“智能和弦”操作(双击数字自动插旗/挖开)。
- 数独 (Sudoku):包含笔记模式、撤销及递归求解可视化动画。
- 生命游戏 (Game of Life):康威生命游戏,内置滑翔机、脉冲星等预设。
- 关灯游戏 (Lights Out):基于线性代数原理的解谜游戏。
- 五子棋 (Gomoku):包含 PVE(AI 对战)与 PVP 模式。
- 井字棋 (Tic Tac Toe):包含 Minimax 算法实现的 AI。
哲学经典阅读笔记与摘录:
- 斯宾诺莎:《伦理学》(Ethics)
- 培根:《新工具》(Novum Organum)
- 维特根斯坦:《逻辑哲学论》(Tractatus)
生活记录、杂谈以及年度归档。
本项目提供了一个纯净的分支,去除了我的个人文章和笔记,保留了完整的架构、配置以及所有游戏组件。如果您喜欢这个站点的风格和功能,可以直接克隆该分支作为起点。
如果您想使用本站架构搭建自己的博客:
# 克隆 template 分支
git clone -b template [https://github.com/Develata/develata.github.io.git](https://github.com/Develata/develata.github.io.git) my-blog
cd my-blog
npm install
npm run dev如果您想查看或参考我写的具体文章内容和配置细节:
# 克隆默认分支 (main)
git clone [https://github.com/Develata/develata.github.io.git](https://github.com/Develata/develata.github.io.git)
cd develata.github.io
npm install
npm run dev- 框架: VitePress
- 语言: TypeScript / Markdown
- 图表: Mermaid.js
- 数学渲染: MathJax 3
- 样式: 自定义 CSS 变量 (支持深色模式)
.
├── docs/
│ ├── .vitepress/ # 核心配置、主题与组件
│ │ ├── config.mts # VitePress 主配置文件 (含侧边栏生成逻辑)
│ │ └── theme/
│ │ ├── components/ # 存放所有游戏 Vue 组件 (Game2048, Sudoku 等)
│ │ └── ...
│ ├── about/ # "关于我"页面 (Me, Blog)
│ ├── books/ # 读书笔记
│ ├── games/ # 游戏页面入口 (Markdown 引入 Vue 组件)
│ ├── knowledge/ # 知识库 (Math, Coding, Sharing)
│ ├── news/ # 站点动态
│ └── index.md # 网站首页
├── package.json # 项目依赖与脚本
└── .github/workflows/ # 自动部署脚本
- Author: Develata
- Email: develata@qq.com
- GitHub: Develata