開源一款基於 Typecho 開發的導航主題

主題介紹

BeaconNav是基於typecho開發的一款導航主題，Beacon是燈塔的意思，希望使用者在知識的海洋里能夠如同有燈塔指引一樣目標明確，永遠不會迷失方向。

演示站點：https://nav.ilaozhu.com

主題特點

• 響應式設計，適配手機、平板、電腦等設備；
• 支持自定義 LOGO、背景圖片；
• 支持日曆、時鐘組件；
• 支持背景粒子特效；
• 支持 PJAX 無刷新載入；
• 支持友情鏈接模板頁；
• 支持點贊數、訪問量統計，並支持按時間、點贊數、訪問量、權重(約定為 100*點贊數+訪問量)自定義排序方式；
• 支持最近訪問和本地收藏功能；
• 集成Google AdSense，內置風格一致的廣告位；
• 評論支持emoji表情等...

主題安裝

1. 到Github下載 BeaconNav 主題壓縮包，解壓後放到/usr/themes/目錄下，將文件夾命名為 BeaconNav，確保index.php文件直接在BeaconNav文件夾下；
2. 登錄博客後臺，進入控制台->外觀，選擇BeaconNav主題；
3. 啟用主題即可。

主題使用

1. 導航編輯

主題中主要包含導航菜單和導航項兩個部分，其中，導航菜單是通過一級分類實現的，而導航項是通過文章實現的。因此，編輯時，只需要創建一級分類，並將文章分配到該分類下即可。

值得註意的是，編輯文章時，會有跳轉鏈接和站點圖標兩個設置項，其中跳轉鏈接必須指定，而站點圖標則為可選項，如果不填，則會自動獲取目標站點根路徑下的favicon.ico作為站點圖標。

2. 導航列表

為了保證界面的美觀，主題去掉了翻頁的按鈕，因此，為了確保數據能夠顯示完整，需要到博客後臺的設置->閱讀下麵，將每頁文章數目設置大一些（如50或100等），然後保證每個分類下的導航項數量不超過這個值，後續可能會考慮實現滾動載入。

3. 友情鏈接

主題中實現了一個友情鏈接模板頁，可在添加友情鏈接獨立頁面時，在自定義模板中選擇友鏈頁面。
然後通過如下 markdown 語法來添加友情鏈接：

- ![站點名稱1](站點圖標1) [站點名稱1](跳轉鏈接1)
- ![站點名稱2](站點圖標2) [站點名稱2](跳轉鏈接2)

4. 插件依賴

• LZStat：主題中的點贊數、訪問量統計，以及自定義排序是通過 LZStat 插件實現的，如果不需要這些功能，也可以不使用該插件。

最後

本主題是為自用而設計的，因此，整體上會以清爽為主，不會添加太多花里胡哨的組件（現有的組件也是可以通過後臺設置去掉的），由於剛完成開發，所以可能會有較多的bug，後續會繼續優化，也歡迎大家多提bug，給出寶貴的意見！

本主題採用 GPL 協議開源，您可以自由的修改、使用和傳播，但請保留底部版權信息，以表示對作者的支持與尊重，謝謝！