Material X 一個簡約的卡片式 Hexo 博客主題

Material X

一個簡約的卡片式hexo博客主題。

爲何選擇 Material X ？

• 使用卡片設計元素以及交互動效。
• 高度可定製化的側邊欄小部件。
• 使用 fontawesome 5.6.3 免費版圖標。
• 支持MobShare分享，自定義分享按鈕的icon、圖片。
• 支持3種評論系統：Disqus、來必力和Valine評論。（以及基於Valine的Volantis）
• 提供主題CDN，也可自定義CDN。
• 方便更換主題色、自定義字體、邊距、圓角、陰影等視覺效果。
• 支持APlayer播放器，能夠播放網易雲、QQ音樂、蝦米、酷狗平臺以及其它服務器的音樂。
• 針對推薦文章插件進行了佈局優化。
• 支持不蒜子閱讀統計、百度分析、Google分析。
• 支持渲染MathJax數學公式，優化了渲染效果。
• 針對移動端佈局進行了優化。
• 使用import字段方便導入各類標籤到主題中。
• 使用top: true置頂你最愛的文章！

本主題將持續更新和維護，你能夠在這裏查看主題的實際效果：👉 https://xaoxuu.com/blog/ 👈

如何使用

A. 腳本安裝【推薦】

首先打開終端，cd到你博客的路徑，若是你想省事，複製下面這行腳本到終端中執行，全程自動化操做。

curl -O 'https://raw.githubusercontent.com/xaoxuu/hexo.sh/master/hexo.sh' -# && chmod 777 hexo.sh && . hexo.sh -i i x

hexo.sh腳本詳細使用方法詳見 hexo.sh腳本的文檔 。

B. 手動安裝

若是你想手動安裝，第一步下載主題到themes/文件夾：

git clone https://github.com/xaoxuu/hexo-theme-material-x themes/material-x

而後安裝依賴包：

npm i -S hexo-generator-search hexo-generator-feed hexo-renderer-less hexo-autoprefixer hexo-generator-json-content hexo-recommended-posts

文檔

源碼

截圖預覽

注意：這些截圖可能已通過期了，請以上方提供的演示連接中的實際效果爲準。