本站專用的第二個自製主題「Magic Rocket Bootstrap」,現已正式上架應用。



由於Wordpress並沒有模板引擎(Template Engine)能使用,因此這個佈景主題還另外採用基於Rust程式語言的Rocket框架打造的佈景主題伺服器(Theme Server),使用Handlebars模板引擎來產生出基於Bootstrap 4的HTML語法,且與大部分使用到的JS和CSS資源,均有用特殊的工具預先做好最小化(Minify),以提升載入速度。

Magic Rocket Bootstrap 改進項目

Version Y

  • 升級 Bootstrap 5。
  • 升級 Font Awesome 6。
  • 告別 jQuery。
  • 非同步載入部份特殊的 JavaScript。

Version X

主題融入MagicLen用Rust程式語言自製的部落格系統(已經不是WordPress囉),不再獨立。

Version 1.1

  • 分類、標籤、頁數索引頁提示:原先分類、標籤和第一頁之後的索引頁只有在標題才會顯示相關資訊,現在在文章列表的上方新增了一個通知訊息框,可以直接看到目前到底是在用什麼樣的條件來索引文章了。
  • 優化CJK字體載入速度(拆分法)。
  • 改用highlight.js來顯示程式碼。

Version 1.0 (對比Magic Theme 1.6)

  • 全響應式(Responsive):使用Bootstrap 4等主流HTML+CSS框架來實現響應式網頁。廣告也採用響應式的。
  • 非同步CJK字體:使用非同步的方式來載入思源黑體,避免在載入的過程中文字無法顯現的問題。
  • 反反廣告:為了能夠讓本站更好地經營下去,本站會偵測各位訪客有無使用AdBlock等的擋廣告軟體,並予以適當的提示。
  • Logo解析度提升:提升為2x。
  • 網頁圖示字型:採用主流的Font Awesome 5來表示圖示。
  • 取消內文標籤連結:Magic Theme的文章內文中所有出現的標籤均會加上超連結,連到該標籤的頁面。為了提高載入速度和相容性,Magic Rocket Bootstrap中已經取消這個功能。
  • 隨機文章:鑑於本站文章主題多元,近期文章的效用並不大,因此改在邊欄放置隨機文章。
  • 移除Google+:Google+沒什麼人在用,而且也要倒了,索性移除。
  • Facebook粉絲頁:新增Facebook粉絲頁