欢迎来到 Misaka Network
这是一个基于 Astro 构建的现代化博客系统，主题灵感来自《某科学的超电磁炮》中的”御坂网络”。
主要特性
科技感设计
- 深蓝灰主色调 (
#1e293b) - 电路板绿辅助色 (
#4ade80) - 电磁炮蓝交互色 (
#00bfff) - 细腻的背景纹理和网格效果
技术栈
这个博客使用了以下技术：
- Astro - 现代化的静态站点生成器
- TypeScript - 类型安全的 JavaScript
- Tailwind CSS - 实用优先的 CSS 框架
- MDX - 支持 JSX 的 Markdown
代码高亮
支持 Shiki 语法高亮，使用 Dracula 主题：
// TypeScript 示例
interface MisakaNetwork {
id: number;
name: string;
level: number;
}
const misaka10032: MisakaNetwork = {
id: 10032,
name: "御坂10032号",
level: 5
};
console.log(`Network ID: ${misaka10032.id}`);# Python 示例
def railgun(voltage: int) -> str:
"""
模拟超电磁炮发射
"""
if voltage >= 1000000000:
return "⚡ RAILGUN FIRED!"
return "充电中..."
print(railgun(1000000000))博客功能
1. 文章管理
- Markdown/MDX 内容支持
- 标签系统
- 草稿功能
- 发布日期和更新日期
2. 响应式设计
完全响应式设计，支持：
- 桌面端（大屏幕）
- 平板端（中等屏幕）
- 移动端（小屏幕）
3. 无障碍性
- 语义化 HTML
- ARIA 标签支持
- 键盘导航友好
- 高对比度配色
开始使用
添加新文章
在 src/content/blog/ 目录下创建新的 .md 或 .mdx 文件：
---
title: '你的文章标题'
description: '文章描述'
pubDate: 2024-01-15
heroImage: '../../assets/your-image.jpg'
tags: ['标签1', '标签2']
draft: false
---
# 文章内容开始...部署
这个博客可以轻松部署到：
- Cloudflare Pages
- Vercel
- Netlify
- GitHub Pages
致谢
感谢以下开源项目：
Level 5 - Railgun 🚀