update readme and index.html

This commit is contained in:
feie9456 2025-06-17 14:20:21 +08:00
parent a18be551ea
commit 7b23489221
2 changed files with 31 additions and 22 deletions

View File

@ -1,33 +1,44 @@
# home-page
# 个人主页 & 博客网站 🏠
This template should help get you started developing with Vue 3 in Vite.
一个基于 Vue 3 + TypeScript + Vite 构建的现代化个人主页,集成了博客系统、工具箱和项目展示功能。
## Recommended IDE Setup
## ✨ 特性
[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
- 📱 **响应式设计** - 完美适配桌面端和移动端
- 📝 **Markdown 博客** - 支持 Markdown 文章渲染,集成数学公式和代码高亮
- 🔍 **SEO 友好** - 优化的页面结构和元数据
- 🎯 **TypeScript** - 完整的类型支持和代码提示
## Type Support for `.vue` Imports in TS
## 🚀 技术栈
TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.
- **前端框架**: Vue 3 (Composition API)
- **开发语言**: TypeScript
- **构建工具**: Vite 6.x
- **样式预处理**: SCSS
- **路由管理**: Vue Router 4
- **Markdown 渲染**: markdown-it + 插件生态
- **包管理**: Bun
## Customize configuration
### 开发模式
See [Vite Configuration Reference](https://vite.dev/config/).
## Project Setup
```sh
bun install
```
### Compile and Hot-Reload for Development
```sh
```bash
bun dev
```
### Type-Check, Compile and Minify for Production
访问 `http://localhost:5173` 查看网站
```sh
### 构建生产版本
```bash
bun run build
```
### 预览生产构建
```bash
bun run preview
```
## 📝 许可证
Copyright © 2025 feie9454. All rights reserved.

View File

@ -5,13 +5,11 @@
<link rel="icon" href="/icon.png">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="我是 feie9454这是我的个人网站。">
<meta name="baidu-site-verification" content="codeva-lwtlm9cPz1" />
<link rel="stylesheet" href="https://registry.npmmirror.com/@fontsource-variable/noto-serif-sc/5.2.5/files/index.css">
<title>学习中的鹅</title>
</head>
<body>
<div id="app"></div>
<script>window.amapKey= ''</script>
<script type="module" src="/src/main.ts"></script>
</body>
</html>