當前位置: 華文世界 > 數位

開源且高顏值的自訂導航頁工具

2024-04-29數位

今天TJ君要給大家分享一個開源的、可自行調節布置的高顏值頁面導航計畫, Dashy

Dashy可以為使用者量身打造各種效果,其中包括頁面上的狀態檢查、各種小部件、主題、圖示包、使用者介面編輯器等等等。

Dashy提供的功能包括有:

  • 支持多個頁面
  • 即時監控每個應用程式/連結
  • 使用小部件顯示資訊和動態內容
  • 可按名稱、域或標簽進行即時搜尋+自訂熱鍵和鍵盤快捷鍵
  • 內建許多內建的顏色主題,具有UI顏色編輯器和對自訂CSS的支持
  • 超棒的字型,主頁圖示,自動獲取的影像,表情符號等。
  • 具有多使用者存取、可配置許可權和SSO支持的可選身份驗證
  • 多語言支持,10多種人工轉譯語言,以及更多即將推出的語言
  • 可選、加密、免費的異地雲備份和恢復功能可用
  • 工作區檢視,可輕松同時在多個應用程式之間切換
  • 最小檢視,可快速載入瀏覽器開始頁
  • 選擇應用程式啟動方法:新索引標籤、相同索引標籤、剪貼簿、彈出模式或在工作區檢視中開啟
  • 可自訂的布局、大小、文本、元件可見性、排序順序、行為等。
  • 全螢幕背景影像、自訂導航欄連結、HTML頁尾、標題等選項。
  • 易於使用Docker或一鍵式雲部署進行設定
  • 基於YAML的簡單單檔配置,以及透過UI配置應用程式的選項
  • 定期進行改進和添加新功能
  • 100%免費和開源
  • 高度關註私密
  • 那先看幾個Dashy演示的例子:

    怎麽樣?再看看更多可實作的效果:

    是不是有點迫不及待想自己試試了?想執行Dashy的話,最常見的方法是使用Docker本地安裝部署。

    docker run -d \ -p 8080:8080 \ -v ~/my-conf.yml:/app/user-data/conf.yml \ --name my-dashboard \ --restart=always \ lissy93/dashy:latest

    預設的登入頁面是 http://localhost:8080

    Dashy的主要配置檔是按照YAML格式進行編寫,其中包含了三個主要內容,分別是 pageInfo 、appConfig 、ps

    其中,pageInfo設定後設資料,例如標題、說明、導航欄連結和頁尾文本等;

    appConfig是面板設定,包括頁面主題、身份驗證、語言控制等;

    ps是陣列控制元件。

    配置檔的預設地址在: ./host-system/my-local-conf.yml:/app/user-data/conf.yml

    除了本地部署,Dashy也支持各種雲平台的一鍵式部署,例如:

    感興趣的小夥伴趕緊來試試吧。

    下載地址:

    GitHub地址 :

    https://github.com/Lissy93/dashy