hr.
← 返回项目
WEB / INFRASTRUCTURE● 已上线 · 持续迭代

个人技术网站

这是我的个人技术站，用于展示项目、发布 Markdown 技术博客，并记录 C++ 服务端、Linux 与网络编程的学习过程。

GitHub 仓库 ↗在线 Demo ↗

项目简介

项目基于 Next.js App Router 构建，内容和页面在构建阶段生成静态输出， 兼顾访问速度、SEO 与后续维护。博客文章由 Markdown 文件驱动，无需为每篇文章创建 React 页面。

为什么做这个项目

我希望拥有一个长期积累技术内容的空间，同时把域名、HTTPS、Linux、 Docker、Nginx 和持续部署串成一次完整的工程实践，而不只是制作一个静态简历页面。

技术栈

Next.js 16React 19TypeScriptTailwind CSS 4MarkdownDockerNginx

部署架构

用户请求经域名解析到腾讯云，由 Nginx 处理 HTTPS 和反向代理，最终进入 Docker 中运行的 Next.js 服务。

PRODUCTION REQUEST FLOW

  1. Browser
  2. DNS
  3. Nginx
  4. Docker
  5. Next.js

开发环境

本地开发
Ubuntu 24.04 / VMware
生产服务器
腾讯云 Ubuntu 24.04
交付方式
Git + Docker Compose

开发流程

  1. 01在本地完成页面、内容和功能开发
  2. 02执行 lint 与生产构建检查
  3. 03提交并推送到 GitHub main 分支
  4. 04服务器拉取代码并重新构建 Docker 容器

当前功能

  • ✓响应式首页、项目页与关于页
  • ✓Markdown 博客列表和动态文章路由
  • ✓日间 / 夜间主题切换与本地记忆
  • ✓sitemap、robots 与文章 metadata
  • ✓Docker 部署、Nginx 反向代理和 HTTPS

后续计划

  • →继续补充真实项目与技术文章
  • →为博客增加代码高亮、目录与阅读时间
  • →接入 C++ Backend、后台管理与数据库
  • →完善自动化发布与运行状态监控