群暉/極空間創(chuàng)建屬于自己的導(dǎo)航網(wǎng)站

時(shí)間：2023-07-11 21:45:01 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2023-07-11 21:45:01 來源：網(wǎng)站運(yùn)營

群暉/極空間創(chuàng)建屬于自己的導(dǎo)航網(wǎng)站：碼字不易，喜歡我的教程歡迎各位多多評(píng)論，各位的支持是我更新的最大動(dòng)力

也歡迎各位可以加我微信討論：ajisna

破解類教程容易被和諧，歡迎大家關(guān)注我的公眾號(hào)防走丟：堅(jiān)叔Evan




今天教大家創(chuàng)建一個(gè)屬于自己的輕量、快速、美觀的個(gè)人導(dǎo)航網(wǎng)站，適用于 HomeLab 或其他注重私密的場(chǎng)景。無任何數(shù)據(jù)庫依賴，應(yīng)用數(shù)據(jù)完全開放透明，100% 屬于用戶自己，而且應(yīng)用資源消耗非常低。




首先，我們打開Docker

搜索

soulteary/flare

下載




然后雙擊打開

來到文件夾路徑目錄

在Docker文件夾目錄下新建一個(gè)flare文件夾

裝載路徑填

/app




然后來到端口目錄

新建一行

本地端口填

8855

容器端口填

5005

然后點(diǎn)應(yīng)用




打開一個(gè)網(wǎng)頁

填寫

http://自己極空間的IP:8855

就可以在局域網(wǎng)上登錄自己的網(wǎng)站了




接下來我們開始配置里面的導(dǎo)航鏈接

我們?cè)诒镜赜成浜胹mb或者Webdav之后打開我們docker文件夾下的flare文件夾

不知道怎么映射的同學(xué)可以看我這兩篇：

堅(jiān)叔：Windows本地掛載群暉/極空間Webdav服務(wù)映射教程

堅(jiān)叔：群暉/極空間Docker掛載阿里云盤到Mac本地教程




打開以后我們可以看到三個(gè)后綴為.yml的文件




apps.yml是對(duì)應(yīng)著主界面的書簽區(qū)域的鏈接

name：是顯示的名稱

link：是 URL 地址

icon：是顯示在名稱前面的圖標(biāo)

desc：是網(wǎng)站的描述




比如說我創(chuàng)建一個(gè)我自己本站的導(dǎo)航

name:堅(jiān)叔的本站

link:輸入自己想要填寫的鏈接

icon:evernote

desc:堅(jiān)叔的教程

打開自己的網(wǎng)頁刷新一下就可以看到自己的導(dǎo)航鏈接已經(jīng)更新上去了




bookmarks.yml是對(duì)應(yīng)著主界面的書簽區(qū)域的鏈接

這四個(gè)對(duì)應(yīng)著四個(gè)分類

可以把title改為自己喜歡的大分類名字

對(duì)應(yīng)著網(wǎng)頁上的這四個(gè)大分類




而這四個(gè)對(duì)應(yīng)著第二行的四個(gè)導(dǎo)航鏈接和他們的圖標(biāo)

name：是顯示的名稱

link：是 URL 地址

icon：是顯示在名稱前面的圖標(biāo)

category：是對(duì)應(yīng)的大分類序號(hào)

如我創(chuàng)建一個(gè)堅(jiān)叔的教程大分類

- id: cate-id-0

title: 堅(jiān)叔的教程

然后我在這個(gè)大分類下創(chuàng)建其中的一個(gè)教程導(dǎo)航

- name: Windows本地掛載群暉/極空間Webdav服務(wù)映射教程

link: 輸入自己想要填寫的鏈接

icon: checkDecagram

category: cate-id-0

刷新一下自己的網(wǎng)頁

我們剛剛編輯的大分類和導(dǎo)航鏈接就更新出來了




config.yml是網(wǎng)頁的設(shè)置文件


Title: "flame" 是標(biāo)題應(yīng)用
OpenAppNewTab: true 是在新窗口中打開應(yīng)用
OpenBookmarkNewTab: true 是在新窗口中打開書簽
ShowTitle: true 是展示頂部標(biāo)題組件
ShowSearchComponent: true 是展示搜索組件
DisabledSearchAutoFocus: false 是禁用搜索框自動(dòng)獲取焦點(diǎn)
ShowDateTime: true 是展示日期組件
ShowApps: true 是展示應(yīng)用組件
ShowBookmarks: true 是展示書簽組件
Theme: "blackboard" 是應(yīng)用主體
Location: "杭州市 是天氣組件使用的位置

比如說我想把天氣組件位置改為杭州市

那就把Location：這一欄

改為杭州市即可

天氣也變成了杭州市的天氣




接下來就是大家很熟悉的把端口轉(zhuǎn)發(fā)到公網(wǎng)上了

不懂的小伙伴可以看我之前發(fā)的Cloudflared免費(fèi)穿透的教程：堅(jiān)叔Evan：群暉/極空間無公網(wǎng)IP搭建Cloudflared-阿里云免費(fèi)隧道穿透教程


只不過內(nèi)網(wǎng)端口改為8855




然后新打開一個(gè)網(wǎng)頁并粘貼打開復(fù)制好的域名

進(jìn)去就完成了


碼字不易，喜歡我的教程歡迎各位多多評(píng)論，各位的支持是我更新的最大動(dòng)力

也歡迎各位可以加我微信討論：ajisna

破解類教程容易被和諧，歡迎大家關(guān)注我的公眾號(hào)防走丟：堅(jiān)叔Evan




更多教程可以點(diǎn)入我的導(dǎo)航頁進(jìn)行查看：堅(jiān)叔Evan：教程導(dǎo)航頁