一个极简主义的个人网站,体现了纸的纯净和雪的清新。
为 Mix Space 服务的个人站点前端。
以下是一些使用 Shiro 的示例站点:
欢迎你来体验 Shiro 的魅力!
- 🚀 SEO 100%,性能优秀:在 LightHouse 中表现优秀,Performance > 90%,Best practice > 90%。
- 🎨 UI 现代化,简洁不简单:用户界面设计现代化,简洁而不简单,让你的体验更加流畅。
- 💎 注重细节,UX 极致:注重每一个细节,所有的动画都使用符合物理的 Spring 弹性动画,每一帧都是大自然的感觉。
- 🔔 接入 WebSocket,实时获取最新的文章通知:通过 WebSocket,访客能够实时获取最新的文章通知。
- 💻 实时活动状态展示:配合 ProcessReporter,可以在主页上显示实时活动状态。
- 📝 Markdown 的扩展语法:支持更多的 Markdown 扩展语法,等待你的发掘和使用。
- ⚡ 轻量级管理面板:可以在管理面板中管理文章、评论等。
- NextJS (App Router)
- Jotai
- Framer motion
- Radix UI
- Socket.IO
- TailwindCSS
前往:https://mx-space.js.org/themes/shiro
感谢 @wibus-wee 和 @wuhang2003 等其他社区贡献者编写。
轻管理面板:
在 M2 Macbook Air 环境中对逻辑最重的页面进行了测试。
看这里.
首先在 https://github.com/Innei/Shiro/releases
中下载预构建好的 release.zip
。然后解压它。
cd standalone
vim .env # 修改你的 ENV 变量
export PORT=2323
node server.js
mkdir shiro
cd shiro
wget https://raw.githubusercontent.com/Innei/Shiro/main/docker-compose.yml
wget https://raw.githubusercontent.com/Innei/Shiro/main/.env.template .env
vim .env # 修改你的 ENV 变量
docker compose up -d
docker compose pull # 后续更新镜像
请阅读 https://shiro.innei.in/#/markdown
2023 © Innei,本软件遵循 AGPLv3 许可证,附加特定的商业使用条件。此外,使用本项目还需要遵循附加条款和条件。
部分代码参考自 GPT-4 和 cali.so。
感谢 Mix Space Team 和广大社区朋友们的贡献。
shiro's People
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.