這款完全自定義配置的瀏覽器起始頁插件值得你收藏!

来源:https://www.cnblogs.com/codechen8848/p/18021022
-Advertisement-
Play Games

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+ZCtrl+Y
  • Prism: 為代碼塊增加高亮功能。

MovieLine - 電影經典臺詞: 隨機一句電影經典臺詞,並展示其電影海報作為背景,支持動態設置各種顯示。

Bookmark - 書簽: 書簽管理器,當前文件夾只支持一級目錄。

  • 添加時輸入網址可自動獲取網站 ICON 與標題
  • 圖標樣式、大小、背景色都可自定義,圖標可緩存為 Base64
  • 支持從 Chrome 內核的瀏覽器導出的書簽 HTML 文件導入

最後

推薦的開源項目已經收錄到 GitHub 項目,歡迎 Star

https://github.com/chenyl8848/great-open-source-project

或者訪問網站,進行線上瀏覽:

https://chencoding.top:8090/#/

大家的點贊、收藏和評論都是對作者的支持,如文章對你有幫助還請點贊轉發支持下,謝謝!


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 本文詳細介紹了stream連接池及其原理,讓我們更好的理解GaussDB(DWS)集群通信中數據交互的具體邏輯,對於GaussDB通信運維也具備一定的參考意義。 ...
  • docker安裝mysql docker倉庫搜索mysql docker search mysql docker倉庫拉取mysql8.0 docker pull mysql:8.0 // 預設拉取最新版本 docker pull mysql 查看本地倉庫鏡像是否下載成功 docker images ...
  • 背景 看到Apache DolphinScheduler社區群有很多用戶反饋和討論這塊問題,針對不相容的問題,不僅需要自己重新編譯各一個新包,而且因為預設是使用zk-3.8的配置,所以會出現不相容問題。使用zk-3.4配置即可適配3.4.x 解決辦法(一) 切換到項目源碼的根路徑中執行 mvn cl ...
  • 轉載至我的博客 https://www.infrastack.cn ,公眾號:架構成長指南 背景 隨著公司業務快速發展,對業務數據進行增長分析的需求越來越迫切,與此同時我們的業務數據量也在快速激增、每天的數據新增量大概在30w 左右,一年就會產生1 個億的數據,顯然基於傳統MySQL資料庫已經無法支 ...
  • 玩轉 CMS 目前接手的內容管理系統(CMS)基於 ant-design-vue-pro(簡稱模板項目或ant-vue-pro) 開發的,經過許多次迭代,形成了現在的模樣(簡稱本地項目)。 假如讓一名新手接手這個項目,他會遇到很多問題,比如 .env 的作用、開發時後端介面沒有寫好如何聯調、樣式使用 ...
  • 前言 從vue3開始vue引入了巨集,比如defineProps、defineEmits等。我們每天寫vue代碼時都會使用到這些巨集,但是你有沒有思考過vue中的巨集到底是什麼?為什麼這些巨集不需要手動從vue中import?為什麼只能在setup頂層中使用這些巨集? vue 文件如何渲染到瀏覽器上 要回答上 ...
  • 這裡給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 前言 從vue3開始vue引入了巨集,比如defineProps、defineEmits等。我們每天寫vue代碼時都會使用到這些巨集,但是你有沒有思考過vue中的巨集到底是什麼?為什麼這些巨集不需要手動從vue中import?為什麼只能在setu ...
  • 文檔編輯功能提供了一系列的操作頁面的能力,使用戶能夠控制文檔結構,並調整文檔的佈局和格式,確保文檔內容以合理有序的方式精準呈現。 ComPDFKit 文檔編輯的優勢 插入或刪除頁面: 向文檔插入或刪除頁面,以滿足特定的排版要求。 文檔結構調整: 調整頁面排列順序或旋轉方向,以滿足特定的顯示或列印需求 ...
一周排行
    -Advertisement-
    Play Games
  • 不廢話,直接代碼 private Stack<Action> actionStack = new Stack<Action>(); private void SetCellValues() { var worksheet = Globals.ThisAddIn.Application.ActiveS ...
  • OpenAPI 規範是用於描述 HTTP API 的標準。該標準允許開發人員定義 API 的形狀,這些 API 可以插入到客戶端生成器、伺服器生成器、測試工具、文檔等中。儘管該標準具有普遍性和普遍性,但 ASP.NET Core 在框架內預設不提供對 OpenAPI 的支持。 當前 ASP.NET ...
  • @DateTimeFormat 和 @JsonFormat 是 Spring 和 Jackson 中用於處理日期時間格式的註解,它們有不同的作用: @DateTimeFormat @DateTimeFormat 是 Spring 框架提供的註解,用於指定字元串如何轉換為日期時間類型,以及如何格式化日 ...
  • 一、背景說明 1.1 效果演示 用python開發的爬蟲採集軟體,可自動抓取抖音評論數據,並且含二級評論! 為什麼有了源碼還開發界面軟體呢?方便不懂編程代碼的小白用戶使用,無需安裝python、無需懂代碼,雙擊打開即用! 軟體界面截圖: 爬取結果截圖: 以上。 1.2 演示視頻 軟體運行演示視頻:見 ...
  • SpringBoot筆記 SpringBoot文檔 官網: https://spring.io/projects/spring-boot 學習文檔: https://docs.spring.io/spring-boot/docs/current/reference/html/ 線上API: http ...
  • 作為後端工程師,多數情況都是給別人提供介面,寫的好不好使你得重視起來。 最近我手頭一些活,需要和外部公司對接,我們需要提供一個介面文檔,這樣可以節省雙方時間、也可以防止後續扯皮。這是就要考驗我的介面是否規範化。 1. 介面名稱清晰、明確 顧名思義,介面是做什麼的,是否準確、清晰?讓使用這一眼就能知道 ...
  • 本文介紹基於Python語言,遍歷文件夾並從中找到文件名稱符合我們需求的多個.txt格式文本文件,並從上述每一個文本文件中,找到我們需要的指定數據,最後得到所有文本文件中我們需要的數據的合集的方法~ ...
  • Java JUC&多線程 基礎完整版 目錄Java JUC&多線程 基礎完整版1、 多線程的第一種啟動方式之繼承Thread類2、多線程的第二種啟動方式之實現Runnable介面3、多線程的第三種實現方式之實現Callable介面4、多線的常用成員方法5、線程的優先順序6、守護線程7、線程的讓出8、線 ...
  • 實時識別關鍵詞是一種能夠將搜索結果提升至新的高度的API介面。它可以幫助我們更有效地分析文本,並提取出關鍵詞,以便進行進一步的處理和分析。 該介面是挖數據平臺提供的,有三種模式:精確模式、全模式和搜索引擎模式。不同的模式在分詞的方式上有所不同,適用於不同的場景。 首先是精確模式。這種模式會儘量將句子 ...
  • 1 為啥要折騰搭建一個專屬圖床? 技術大佬寫博客都用 md 格式,要在多平臺發佈,圖片就得有外鏈 後續如博客遷移,國內博客網站如掘金,簡書,語雀等都做了防盜鏈,圖片無法遷移 2 為啥選擇CloudFlare R2 跳轉:https://dash.cloudflare.com/ 有白嫖額度 免費 CD ...