wuchunfu / Dashboard

Custom your personal browser start page from some configurable components.

Home Page:https://kongfandong.cn/howdz/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Howdz

Howdz Dashboard

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

Document

Website

Feature

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

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文件导入
  • More

    License

    All for MIT

    Copyright (c) 2024 Leon.D

    About

    Custom your personal browser start page from some configurable components.

    https://kongfandong.cn/howdz/

    License:MIT License


    Languages

    Language:Vue 77.0%Language:TypeScript 17.3%Language:JavaScript 2.7%Language:SCSS 2.1%Language:HTML 0.5%Language:CSS 0.3%Language:Shell 0.0%