乐云主机笔记

  • 首页
  • 主机优惠
  • 学习记录
  • 新手教程
  • 自用主机
  • 资源下载
  • 网赚项目
  • 其他
  • pingtest

  1. 首页
  2. 脚本源码
  3. 正文

[源码分享] 一个简单优雅开源的导航页程序

2022年10月31日 298点热度 0人点赞 0条评论

项目地址

Github: https://github.com/eehhh/naviii
演示站: https://start.uue.me
欢迎start和反馈哦~

✨ 特性
- 响应式
- 静态部署
- 黑暗模式
- Emoji icons
- 在线编辑书签
- 自动获取书签网站Favicon
- 自定义搜索时和打开书签时的跳转方式
- 当前页面/新页面
- 使用关键字切换搜索引擎
- 搜索框中输入关键字+空格触发
- 例如:`g date`则使用google搜索`date`,`b date`则使用bing搜索`date`
- 更多搜索引擎关键字见[配置](#gear-配置)
- 个人设置存储于本地
- 导入/导出/清除

配置

自定义搜索引擎关键字 src/assets/config/search.json

{
  "d": ["DuckDuckGo", "https://duckduckgo.com/?q="],
  "g": ["google", "https://www.google.com/search?q="],
  "b": ["Bing", "https://cn.bing.com/search?q="],
  "w": ["Wiki", "https://zh.wikipedia.org/wiki/"],
  "bd": ["BaiDu", "https://www.baidu.com/s?wd="],
  "gh": ["Github", "https://github.com/search?q="],
  "ex": ["v2ex", "https://www.google.com/search?q=site:v2ex.com "],
  "sof": ["StackOverflow", "https://stackoverflow.com/search?q="]
}

自定义书签 src/assets/config/bookmarks.json

interface BookMarks {
  title: string;
  brief?: string;
  link?: string;
  // URL
  favicon?: string;
  // Emoji icons
  menuIcon?: string;
  items?: BookMarks[];
}
[
  {
    "title": "Wiki",
    "link": "zh.wikipedia.org/wiki",
    "menuIcon": "⭐"
  },
  {
    "title": "社区",
    "items": [
      {
        "title": "Github",
        "link": "github.com/trending",
        "favicon": "https://joeschmoe.io/api/v1/random"
      }
    ]
  }
]

?️ 构建

# 安装
npm install
# 运行
npm run dev
# 编译
npm run build
# 代码风格
npm run lint

? 致谢

  • Vue
  • Vite
  • Naive UI
  • TypeScript
  • FaviconKit
  • CodeMirror & VueCodeMirror

? 许可证

MIT

标签: 导航页
最后更新:2022年10月31日

letvps

这个人很懒,什么都没留下

打赏 点赞
< 上一篇
下一篇 >
分类
  • 主机优惠
  • 其他
  • 域名优惠
  • 学习记录
  • 新手教程
  • 网赚项目
  • 脚本源码
  • 自用主机
  • 资源下载
书签
  • AdvinServers.com
  • 猫云云计算

COPYRIGHT © 2021 Letcloud.cn. ALL RIGHTS RESERVED.

Theme Kratos Made By Seaton Jiang

粤ICP备15031609号-3