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 installnpm run dev启动后在浏览器访问 http://localhost:5173
npm run build构建产物输出至 dist/ 目录
npm run previewMornStartPage/ ├── 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-layer 的 background-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