一个极简主义的个人网站,体现了纸的纯净和雪的清新。
为 Mix Space 服务的个人站点前端。
以下是一些使用 Shiro 的示例站点:
欢迎你来体验 Shiro 的魅力!
- 🚀 SEO 100%,性能优秀:在 LightHouse 中表现优秀,Performance > 90%,Best practice > 90%。
- 🎨 UI 现代化,简洁不简单:用户界面设计现代化,简洁而不简单,让你的体验更加流畅。
- 💎 注重细节,UX 极致:注重每一个细节,所有的动画都使用符合物理的 Spring 弹性动画,每一帧都是大自然的感觉。
- 🔔 接入 WebSocket,实时获取最新的文章通知:通过 WebSocket,访客能够实时获取最新的文章通知。
- 💻 实时活动状态展示:配合 ProcessReporter,可以在主页上显示实时活动状态。
- 📝 Markdown 的扩展语法:支持更多的 Markdown 扩展语法,等待你的发掘和使用。
- ⚡ 轻量级管理面板:可以在管理面板中管理文章、评论等。
- NextJS 13 (App Router)
- Jotai
- Framer motion
- Radix UI
- Socket.IO
- TailwindCSS
前往:https://mx-space.js.org/themes/shiro
感谢 @wibus-wee 和 @wuhang2003 等其他社区贡献者编写。
![Live Demo](https://private-user-images.githubusercontent.com/41265413/256983258-bf8af4ec-0f0c-441a-8c06-4b44e1649597.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ3MTUwMzksIm5iZiI6MTcyNDcxNDczOSwicGF0aCI6Ii80MTI2NTQxMy8yNTY5ODMyNTgtYmY4YWY0ZWMtMGYwYy00NDFhLThjMDYtNGI0NGUxNjQ5NTk3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI2VDIzMjUzOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTQ5YWI1OTI1NDVhZjI4ZDY1YzEwNTFhYTE3YTE5YzBlMTRjOTNhNTIyMjViOGMzMjFhZDBiNmY4NGEyOGRmZWYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.gNdq8KCssJ3YVk9s4v9DX6qBpos_CXw-9I8vJYwuV6Q)
轻管理面板:
在 M2 Macbook Air 环境中对逻辑最重的页面进行了测试。
看这里.
-
change the args inside
docker-compose.yml
-
run command
docker-compose up -d
docker build \
--build-arg BASE_URL=REPLACE_WITH_YOUR_BASE_URL \
--build-arg NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=REPLACE_WITH_YOUR_PUBLISHABLE_KEY \
--build-arg CLERK_SECRET_KEY=REPLACE_WITH_YOUR_SECRET_KEY \
-t shiro . --load
docker run --name shiro -d -p 2323:2323 shiro
请阅读 https://shiro.innei.in/#/markdown
2023 © Innei,本项目采用 AGPL-3.0 许可证发布。
部分代码由 GPT-4 和 cali.so 提供。
感谢 Mix Space Team 和广大社区朋友们的贡献。