TriOrigin

Personal website

一个用于展示个人项目与创作历程的静态网站。


🪄 项目背景

在持续进行创作与开发的过程中,我希望拥有一个轻量、独立的空间来记录自己的作品完成情况。 这个作品集网站不仅是一个展示平台,也是一个可以随时更新、反映我成长轨迹的“数字档案室”。 同时,它让访问者能快速了解我正在做什么、擅长什么。


🧩 项目简介

本项目旨在构建一个静态化、可扩展的个人作品集网站,用于展示我已有的项目成果,并通过直观的链接跳转访问项目演示或源代码。 项目数据完全由前端管理,无需依赖数据库,保持部署与维护的极简化。


⚙️ 核心功能

  • 🖼️ 展示个人项目及描述

  • 🔗 支持已部署项目的外部跳转

  • 🧾 Markdown 格式的个人简介与内容管理

  • 🧰 数据集中存储于前端 JSON 文件,便于更新与扩展


🧠 项目特性

  • ⚡ 纯前端静态部署,加载快速

  • 🧩 JSON 数据驱动内容更新,无需后端支持

  • 🧾 Markdown 内容渲染,兼顾可读性与编辑灵活性

  • 🎨 使用 Tailwind CSS 为 Markdown 内容提供一致、优雅的样式

  • 💡 极简结构,方便持续维护与个性化拓展


🛠 技术栈

  • 前端:Next.js、Tailwind CSS、MarkdownReader(marked)
  • 部署:AWS-EC2 Nginx

🧪 使用示例

详情参考 Github 中的 README 文件。


📸 项目截图

首页界面 TriOrigin 入口

着陆页面 landing page pc

移动端适配 landing page mobile

CV CV page


👥 贡献者

  • 🎨 设计 + 前端:个人

📅 时间线

  • 2025.04.12 - 概念设计
  • 2025.04.13 - page实现
  • 2025.04.14 - 部署
  • 2025.04.15 - mobile_website.css
  • 2025.10.31 - 进行内容填写

📈 当前状态

  • 🔄 2025-4-18 v1.0 进行中