Howdz

Howdz Dashboard

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

Document

• 中文
• English

Website

• 网页体验版
• 获取Chrome插件
• 获取Edge插件

Feature

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

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+Z和Ctrl+Y

Prism: 为代码块增加高亮功能

MovieLine - 电影经典台词

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

Bookmark - 书签

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

添加时输入网址可自动获取网站ICON与标题

图标样式、大小、背景色都可自定义，图标可缓存为Base64

支持从Chrome内核的浏览器导出的书签HTML文件导入

More

• 更新日志
• 演示视频

License

All for MIT

Copyright (c) 2022 Leon.D