Skip to content

Custom your personal browser start page from some configurable components.

License

Notifications You must be signed in to change notification settings

tylrha/Dashboard

 
 

Repository files navigation

Howdz

Howdz Dashboard

基于Vue3, Typescript, Vite的一个完全自定义配置的浏览器起始页

Document

Website

Feature

  • 💫 提供基于文档流的响应布局或Fixed模式固定任意位置的两种布局模式
  • 响应式设计,编辑模式下拖拽组件更改其大小和位置
  • 🍭 组件可自由添加或删除,并且组件的样式功能都是可配置的
  • 🍌 数据可使用密钥JSON文件导出以实现同步功能
  • 🎉 预设多种主题,初始进入可任意选择
  • 🏳️‍🌈 支持本地壁纸随机壁纸,随机壁纸支持收藏个人壁纸库
  • 🌟 可配置动态壁纸背景,选用官方提供或自行添加网络视频路径即可
  • 📋 可配置多标签页模式,允许添加切换多个隔离的页面
  • 🍦 可配置组件交互行为,设置点击组件弹出另一个组件等交互操作
  • 🌐 支持语言切换,当前支持简体中文英文
  • 🚀 资源使用Service worker缓存、各组件按需懒加载加快页面加载速度

Screenshot

Materials

Empty - 占位

占位区块组件,支持一些简单配置与自定义文本

Clock - 时钟

简单的时钟组件

Day - 自定义日期

Clock的升级版,更强大的定义各种日期格式,使用Dayjs的 formatter格式化占位符 语法进行自定义。另外若最小单位是秒的,请更改组件刷新频率为1s。

Verse - 随机古诗

随机古诗组件,API 来源于`https://www.jinrishici.com/`, 可配置定时刷新

Search - 搜索栏
  • 支持添加自定义搜索引擎
  • 按 Tab 键快速切换搜索引擎
  • 支持关键词联想
  • Collection - 键盘收藏夹

    键盘收藏夹,设置网站后按相应按键自动跳转,网站 Icon 自动获取

    Iframe - 外部网站

    设置嵌入Iframe,最新版浏览器只支持同协议(当前网站为 https)的Iframe

    TodoList - 备忘清单

    可同时设置不同日期,点击上方日期展开日期选择器

    Weather - 天气

    天气组件,支持通过 IP 自动获取城市也可手动输入,后续考虑添加读取 GPS

    CountDown - 倒计时

    支持天、小时、分钟三种单位的设置倒计时事件

    JuejinList - 掘金热门

    显示最新热门列表,支持配置自动刷新

    WeiboList - 微博热搜

    显示最新微博热搜列表,支持配置自动刷新

    GithubTrending - Github 趋势

    显示当天Github Trending列表,支持配置自动刷新

    ZhihuList - 知乎热榜

    显示当前知乎热榜,支持配置自动刷新

    Editor - Markdown编辑器

    基于Milkdown实现,支持按需加载各种插件包括:

  • Tooltip: 在选择文本后会在其上方出现工具栏可快速切换格式
  • Slash: 斜线命令,输入“/”后会弹出快速选择工具栏
  • Clipboard: 为编辑器添加复制粘贴Markdown格式功能
  • History: 增加历史记录功能,使用Ctrl+ZCtrl+Y
  • Prism: 为代码块增加高亮功能
  • MovieLine - 电影经典台词

    随机一句电影经典台词,并展示其电影海报作为背景,支持动态设置各种显示

    Bookmark - 书签

    书签管理器,当前文件夹只支持一级目录。

  • 添加时输入网址可自动获取网站ICON与标题
  • 图标样式、大小、背景色都可自定义,图标可缓存为Base64
  • 支持从Chrome内核的浏览器导出的书签HTML文件导入
  • Server API

    项目不涉及数据库的接口已经开源,开源简易版本基于Deno实现

    More

    License

    All for MIT

    Copyright (c) 2023 Leon.D

    About

    Custom your personal browser start page from some configurable components.

    Resources

    License

    Stars

    Watchers

    Forks

    Releases

    No releases published

    Packages

    No packages published

    Languages

    • Vue 71.4%
    • TypeScript 22.9%
    • JavaScript 2.8%
    • SCSS 2.0%
    • HTML 0.5%
    • CSS 0.4%