littlebot
Published on 2025-04-12 / 0 Visits
0

【源码】基于NextJS框架的Shiro个人网站系统

项目简介

Shiro是服务于Mix Space的个人站点前端,是一个极简主义风格的个人网站,具备纸的纯净与雪的清新。该项目基于NextJS框架构建,设计简洁且性能卓越,着重于用户体验和细节处理,使用户能够轻松搭建个性化网站。

项目的主要特性和功能

  1. 出色的SEO与性能:在LightHouse测试中表现优异,Performance和Best practice指标均超过90%。
  2. 现代化UI设计:界面简洁但功能丰富,为用户提供流畅的使用体验。
  3. 注重细节处理:运用符合物理规律的Spring弹性动画,让交互更加自然流畅。
  4. 实时通知功能:借助WebSocket,访客能够实时获取最新文章通知。
  5. 轻量级管理面板:可便捷地管理文章、评论等网站内容。
  6. Markdown扩展语法支持:支持更多扩展语法,丰富文章创作形式。
  7. 实时活动状态展示:配合ProcessReporter,可在主页显示实时活动状态。

安装使用步骤

通过预构建版本运行

  1. 进入standalone目录,使用vim .env修改ENV变量。
  2. 执行export PORT=2323设置端口。
  3. 运行node server.js启动项目。

推荐使用Docker Compose

  1. 创建shiro目录并进入:mkdir shiro; cd shiro
  2. 下载docker-compose.yml.env.template文件。
  3. 使用vim .env修改ENV变量。
  4. 执行docker compose up -d启动项目。后续更新镜像可使用docker compose pull

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】