vue源码一个简单的优雅导航页

%title插图%num

✨特性

  • 响应式
  • 静态部署
  • 黑暗模式
  • 表情符号图标
  • 在线编辑目录
  • 自动获取目录网站Favicon
  • 自定义搜索时和打开文件时的跳转方式
    • 当前页面/新页面
  • 使用关键字切换搜索引擎
    • 搜索关键字输入+空格输入
    • 例如:g date则使用google搜索dateb date则使用bing搜索date
    • 更多搜索引擎关键字见配置
  • 个人设置存储于本地
    • 导入/导出/清除
  • 💭…

⚙️配置

自定义搜索引擎关键字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

演示地址:https://start.uue.me/
github地址 https://github.com/eehhh/naviii

这些信息可能会帮助到你: 下载帮助 进站必看

提示,这一类软件容易失效,失效请留言反馈

修改版本安卓软件,加群提示为修改者自留,非本站信息,注意鉴别

(1)
上一篇 2022年1月8日 下午2:32
下一篇 2022年11月6日 下午9:59

相关推荐

发表回复

登录后才能评论
分享本页
返回顶部