feie9454/home-page
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update readme and index.html

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
README.md
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/). ```bash
## Project Setup
```sh
bun install
```
### Compile and Hot-Reload for Development
```sh
bun dev bun dev
``` ```
### Type-Check, Compile and Minify for Production 访问 `http://localhost:5173` 查看网站
```sh ### 构建生产版本
```bash
bun run build bun run build
``` ```
### 预览生产构建
```bash
bun run preview
```
## 📝 许可证
Copyright © 2025 feie9454. All rights reserved.

2
index.html
View File

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