WebSite Design

理想中的網頁版面

2024 年 2 月 10 日 OffDutySorcerer

內容目錄

現況 2024-02-10

過去很長一段時間仰賴OneNote作筆記，雖然有無可取代的手寫功能，但總感覺零散。現在想嘗試改用wordpress來做筆記。

做為一個筆記，我覺得階層分類(方便彙整)很重要，而近期修改(方便快速回到上次撰寫狀態)、近期新增都是讓讀者了解近期作者動態的好方式。

現在認為要修改的項目 2024-02-10

側邊欄-類別

類別項目太多，會導致側邊欄被拉得很長。(暫時解決了)
行動版網頁沒辦法顯示側邊欄，必須用漢堡導航列來取代。(暫時解決了)
想了一下可能還是希望有視覺分類樹比較能滿足我的需求。(網站地圖)

flowchart TD
    A(程式設計) --> B(C#)
    B --> C(ASP.NET CORE)
    B --> D(Blazor Apps)
    B --> E(EntityFramework Core)
    B --> F(MAUI)
    F --> G(Blazor Hybrid)
    F --> H(XAML)
    F --> HH(TEST)

    click A href "https://example.com/christmas" "聖誕節"
    click B href "https://example.com/shopping" "購物鏈接"
    click D href "https://example.com/laptop" "筆記本電腦鏈接"
    click E href "https://example.com/phone" "手機鏈接"
    click F href "https://example.com/car" "汽車鏈接"

上面這個圖有達到基本的功能，如果能透過一些程式方式把wordpress的文章類別及文章內容讀出來，再組合成mermaid.js的格式就太棒了。

觀摩網站 1. 流亡編年史, Path of Exile Wiki (poedb.tw)

這個網站是個遊戲資料庫，滑鼠移到特定項目上時可以彈出一個小視窗來預覽該項目的摘要，很棒的功能。

觀摩網站 2. 萌芽網頁-萌芽系列網站入口網 (mnya.tw)

非常混亂的一個網站，但內容很豐富。