Howdz Dashboard —— 一個基於 Vue3、Typescript、Vite 的完全自定義配置的瀏覽器起始頁，支持 Chrome 插件和 Edge 插件。 ...
大家好，我是 Java陳序員。
瀏覽器是我們上網衝浪的必備工具，每次打開瀏覽器預設都是先看到起始頁。
有的瀏覽器起始頁十分簡潔美觀，而有的則是充滿了各種網址導航和廣告。
今天，給大家介紹一個瀏覽器起始頁配置插件，支持自定義配置。
關註微信公眾號：【Java陳序員】，獲取開源項目分享、AI副業分享、超200本經典電腦電子書籍等。
項目介紹
Howdz Dashboard —— 一個基於 Vue3、Typescript、Vite 的完全自定義配置的瀏覽器起始頁，支持 Chrome 插件和 Edge 插件。
功能特色：
- 提供基於文檔流的響應佈局或 Fixed 模式固定任意位置的兩種佈局模式
- 響應式設計，編輯模式下拖拽組件更改其大小和位置
- 組件可自由添加或刪除，並且組件的樣式和功能都是可配置的
- 數據可使用密鑰或 JSON 文件導出以實現數據同步功能
- 預設多種主題，初始進入可任意選擇
- 支持本地壁紙、隨機壁紙，隨機壁紙支持收藏個人壁紙庫
- 可配置動態壁紙背景，選用官方提供或自行添加網路視頻路徑即可
- 可配置多標簽頁模式，允許添加切換多個隔離的頁面
- 可配置組件交互行為，設置點擊組件彈出另一個組件等交互操作
- 預覽模式, 支持用於分享用的數據隔離模式
- 支持語言切換，當前支持簡體中文與英文
項目地址：
https://github.com/leon-kfd/Dashboard
線上體驗地址：
https://www.howdz.xyz/
功能體驗
預設多種主題，初始進入可任意選擇。
可動態設置壁紙，支持純色壁紙、本地圖片壁紙、網路圖片壁紙、隨機圖片壁紙，隨機圖片壁紙支持收藏個人壁紙庫。
Tips:左下角的圖標按鈕可以更新壁紙和收藏壁紙。
壁紙還支持多種動畫特效。
可以從物料組件庫自行添加自己需要的組件，添加的組件提供很多樣式和功能的配置進行修改，並通過拖拽更改組件位置和大小。
提供大量組件用於定製化你的起始頁，可適配響應式設計。
物料組件
Howdz Dashboard 提供大量組件用於定製化起始頁，這裡挑選幾個比較有趣的組件。
Empty - 占位： 占位區塊組件，支持一些簡單配置與自定義文本。
Day - 自定義日期： 基於 Dayjs 的 formatter 格式化占位符語法實現自定義各種日期格式。
Verse - 隨機古詩： 隨機古詩組件，API 來源於 https://www.jinrishici.com/, 可配置定時刷新。
Search - 搜索欄： 支持添加自定義搜索引擎、按 Tab 鍵快速切換搜索引擎、支持關鍵詞聯想。
Collection - 鍵盤收藏夾： 鍵盤收藏夾，設置網站後按相應按鍵自動跳轉，網站 Icon 自動獲取。
Iframe - 外部網站： 設置嵌入 Iframe，最新版瀏覽器只支持同協議(當前網站為 https)的 Iframe.
TodoList - 備忘清單： 可同時設置不同日期，點擊上方日期展開日期選擇器。
Weather - 天氣： 天氣組件，支持通過 IP 自動獲取城市也可手動輸入，後續考慮添加讀取 GPS。
CountDown - 倒計時： 支持天、小時、分鐘三種單位的設置倒計時事件。
WeiboList - 微博熱搜： 顯示最新微博熱搜列表，支持配置自動刷新。
此外，還有掘金熱門、Github 趨勢、知乎熱榜。
Editor - Markdown編輯器： 基於 Milkdown 實現，支持按需載入各種插件包括:
- Tooltip: 在選擇文本後會在其上方出現工具欄可快速切換格式
- Slash: 斜線命令，輸入“/”後會彈出快速選擇工具欄
- Clipboard: 為編輯器添加複製粘貼 Markdown 格式功能
- History: 增加歷史記錄功能，使用
Ctrl+Z和Ctrl+Y - Prism: 為代碼塊增加高亮功能。
MovieLine - 電影經典臺詞： 隨機一句電影經典臺詞，並展示其電影海報作為背景，支持動態設置各種顯示。
Bookmark - 書簽： 書簽管理器，當前文件夾只支持一級目錄。
- 添加時輸入網址可自動獲取網站 ICON 與標題
- 圖標樣式、大小、背景色都可自定義，圖標可緩存為 Base64
- 支持從 Chrome 內核的瀏覽器導出的書簽 HTML 文件導入
最後
推薦的開源項目已經收錄到 GitHub 項目，歡迎 Star：
https://github.com/chenyl8848/great-open-source-project
或者訪問網站，進行線上瀏覽：
https://chencoding.top:8090/#/
大家的點贊、收藏和評論都是對作者的支持，如文章對你有幫助還請點贊轉發支持下，謝謝！
