Skip to content

MornZe/StartPage

Repository files navigation

MornStartPage

CNB链接:https://cnb.cool/MornZe-Dev/StartPage

基于 Vue 开发的浏览器起始页,以极简设计语言营造私密、静谧的浏览体验,让每一次打开都是优雅的回归。 test Commit

技术栈

  • Vite - 下一代前端构建工具
  • Vue 3 - 渐进式 JavaScript 框架(Composition API)
  • TypeScript - 类型安全的 JavaScript 超集

快速开始

环境要求

  • Node.js >= 18.0.0
  • npm >= 9.0.0

安装依赖

npm install

开发模式

npm run dev

启动后在浏览器访问 http://localhost:5173

生产构建

npm run build

构建产物输出至 dist/ 目录

预览构建

npm run preview

项目结构

MornStartPage/ ├── index.html # 入口 HTML ├── package.json # 项目配置与依赖 ├── tsconfig.json # TypeScript 配置 ├── vite.config.ts # Vite 构建配置 └── src/ ├── main.ts # 应用入口 ├── App.vue # 根组件 └── components/ # 可复用组件(可选) 

自定义配置

更换搜索引擎

编辑 src/App.vue,修改 searchUrl 变量:

const searchUrl = 'https://www.google.com/search?q='

更换背景图片

编辑 src/App.vue,在 <style scoped> 中修改 #bg-layerbackground-image

#bg-layer { background-image: url('你的图片 URL'); }

修改一言分类

编辑 src/App.vue 中的 loadHitokoto 函数,调整 API 参数:

const res = await fetch('https://v1.hitokoto.cn/?c=a&c=b&c=c')

一言分类参数:a(动画)、b(漫画)、c(游戏)、d(文学)、e(原创)、f(来自网络)、g(其他)

许可证

MIT

About

基于 Vue 开发的浏览器起始页,以极简设计语言营造私密、静谧的浏览体验,让每一次打开都是优雅的回归。

Resources

License

Stars

Watchers

Forks

Contributors