開源一款基於 Typecho 開發的博客主題

来源:https://www.cnblogs.com/FindTheWay/p/18276046
-Advertisement-
Play Games

主題介紹 WaterDrop 是 水滴 的意思,其實並沒有什麼特殊含義,只是因為每一次項目取名都絞盡腦汁,太麻煩了,於是就想著效法一些大佬,乾脆取名隨性一點。例如,Java 語言因作者經常在辦公室喝 Java 咖啡而得名,MySQL和MariaDB的作者是同一人,命名分別是他兩個女兒的名字(看樣子作 ...


主題介紹

WaterDrop水滴 的意思,其實並沒有什麼特殊含義,只是因為每一次項目取名都絞盡腦汁,太麻煩了,於是就想著效法一些大佬,乾脆取名隨性一點。例如,Java 語言因作者經常在辦公室喝 Java 咖啡而得名,MySQLMariaDB的作者是同一人,命名分別是他兩個女兒的名字(看樣子作者也是個女兒奴),這樣的例子還有很多,不過多列舉了。

而我在開發該項目的時候,恰好在看《三體 Ⅱ:黑暗森林》,被其磅礴的想象力所震撼,更被其中探討的人性、文明、歷史、哲學等問題所折服,本來想取名叫“黑暗森林”或“森林”之類的,但擔心被誤認為是黑色科技風格綠色叢林風格的主題,使用後才發現上當受騙就不好了。後來一想還是就叫水滴吧,外表朴素,實則內藏乾坤,貌似也挺不錯的!

該主題就是一個簡約且普通的寫作主題,主要是我自己記錄各種圖文並茂的技術文章、經驗心得以及產品文檔用的,因此目前沒有,未來也不會加入各種除了酷炫,沒有多少實際用途的花哨組件,如果你也是技術人員,目的就是為了作為產品文檔或者記錄經驗心得,它應該也會適合你!

預覽站點:https://ilaozhu.com

主題特點

  • 響應式設計,適配手機、平板、電腦等設備;
  • 支持公告、輪播圖、熱門文章、最新評論、分類、標簽雲等可選組件;
  • 標簽雲實現3D旋轉動畫效果;
  • 支持 PJAX 無刷新載入;
  • 實現友情鏈接、文章歸檔以及作品列表模板頁;
  • 適配LZStat插件,支持點贊數、訪問量統計,並支持按時間、點贊數、訪問量、權重(約定為 100*點贊數+訪問量)自定義排序方式;
  • 支持自定義根據創建時間、點贊數、訪問量等排序的側邊欄最新文章、熱門文章列表;
  • 文章內容實現類似github的渲染效果;
  • 文章支持手動指定封面;
  • 集成Google AdSense,內置風格一致的廣告位;
  • 評論支持emoji表情等...

主題安裝

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

主題使用

主題的使用方式很簡單,直接到設置外觀中按需設置即可,基本就是所見即所得,下麵簡單介紹一些需要單獨說明的地方。

1. 友情鏈接

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

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

2. 文章歸檔

主題中實現了一個文章歸檔頁面模板,可在添加文章歸檔獨立頁面時,在自定義模板中選擇文章歸檔頁面模板,文本區不需要填寫,空著即可。

3. 作品列表

主題中實現了一個作品列表頁面模板,可在添加友情鏈接獨立頁面時,在自定義模板中選擇作品列表頁面模板
然後通過如下 markdown 語法來添加作品展示列表:

- 作品標題1
- 作品鏈接地址1
- 作品封面圖片地址1
- 作品描述1
- 作品標題2
- 作品鏈接地址2
- 作品封面圖片地址2
- 作品描述2

需要特別註意的是:

  1. 上述markdown中,順序必須是標題、鏈接地址、圖片地址、描述,不可錯亂;
  2. 如果描述有多段文字,換行後開頭需要有4個空格,這是markdown的標準語法。另外,描述中能夠識別html標簽,因此,如有必要,也可以從語法上做一些增強,如高亮、加粗、斜體等。

4. 插件依賴

  • LZStat:主題中的點贊數、訪問量統計,以及側邊欄中的熱門文章是通過 LZStat 插件實現的,如果不需要這些功能,也可以不使用該插件。

5. 額外說明

5.1 側邊欄設置

  1. 如果顯示最新評論,則可以到設置->評論中設置評論列表數目
  2. 如果顯示文章榜單,則可以到設置->閱讀中設置文章列表數目

5.2 文章封面

文章封面主要是文章列表頁面顯示的圖片,可以在編寫文章時通過封面欄位手動指定,如果沒有指定,則預設使用文章第一張圖片作為封面。

如果既沒有指定封面,文章正文中也沒有圖片,則隨機使用一張主題外觀中設置的文章預設封面作為封面。

如果文章預設封面也沒有設置,則預設顯示主題內置的post-default-cover.png圖片作為封面,該圖片你可以替換為符合自己網站風格的占點陣圖。

也就是說,文章列表必然會顯示一張封面,當然,任何一種形式的封面如果獲取不到,都會顯示post-default-cover.png預設封面。

這裡其實也緩解了前面 通過 Github + jsDelivr + PicGo 配置免費圖床 時,由於 jsDelivr不穩定帶來的用戶體驗差的問題,也就是當 jsDelivr 無法訪問的時候,臨時顯示一張預設圖片作為封面,而當jsDelivr 恢復之後又立即顯示出原圖。這麼做只是讓用戶體驗好一點而已,並沒有從根本上解決問題,但好在不穩定只是少數情況,不能忍受的還是老老實實的用本地圖片或付費產品吧,畢竟免費總歸還是需要代價的!

最後

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


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

-Advertisement-
Play Games
更多相關文章
  • 應用場景:需要創建純色圖像,作為背景圖, 在此基礎上添加文字、形狀、新的圖片等等 原理: cv2的讀取圖片操作本質上是將圖片轉換為uint8的numpy.ndarray類型, 後續的其他圖像操作,本質上也是對於這個ndarray對象的操作 首先用numpy創建一個形狀為(224,224,3)、元素值 ...
  • Markdown 憑藉其簡潔易用的特性,成為創建和編輯純文本文檔的常用選擇。但某些時候我們需要更加精緻的展示效果,例如在專業分享文檔或列印成離線使用的紙質版時,就需要將Markdown文件以其他固定的文檔格式呈現。通過將 Markdown 轉換為 Word 和 PDF 格式,可以得到更多的格式設置, ...
  • 項目隨筆-【大事件(文章類)】 自定義參數校驗註解 需要寫一個自定義註解Xxx+校驗規則的類XxxValidation【需要繼承ConstraintValidator】 自定義註解 @Documented @Target(ElementType.FIELD) @Retention(Retention ...
  • Python 是一種面向對象、解釋型電腦程式設計語言,由 Guido van Rossum 於 1989 年底發明,第一個公開發行版發行於 1991 年。Python 語法簡潔而清晰,具有豐富和強大的類庫。它常被昵稱為膠水語言,能夠把用其他語言製作的各種模塊(尤其是 C/C++)很輕鬆地聯結在一起 ...
  • 正文 昨天睡了一天覺,今天看了一天《三體》電視劇。真是墮落到沒邊了呢(笑。本來想寫代碼完成年度計劃,或者多寫幾篇文章,但實在不想寫,也不想動筆。 感覺這個周末什麼都沒做呢,休息倒是休息好了。 今天 30 號,也不知道靈平安到學校沒有。 本有一些想寫的東西,但懶得動筆了。 成功日記: 《西游記》看到了 ...
  • 前言 之前做了微信登錄,所以總結一下微信授權登錄並獲取用戶信息這個功能的開發流程。 配置 1.首先得在微信公眾平臺申請一下微信小程式賬號並獲取到小程式的AppID和AppSecret https://mp.weixin.qq.com/cgi-bin/loginpage?url=%2Fwxamp%2F ...
  • 本文揭秘了Java Chassis 3流式響應的使用場景和技術背景,它基於伺服器事件推送和響應式流(reactive streams)標準,提供了非常簡潔的流式響應開發能力,簡化人工智慧應用開發體驗。 ...
  • 大家好,我是碼農先森。 說到 HTTP 請求工具想必對我們做 Web 開發的程式員都不陌生,只要涉及到網路請求都必須使用。對於我們 PHP 程式員來說,最熟悉不過的就是 CURL 擴展,只要安裝的這個擴展便可隨意發起 HTTP 請求。 但在 PHP 語言中還有一個很好用的 Composer 包「gu ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...