之前博客用的主題是移植自 Typecho 的 Maupassant 主題,簡潔,也挺好看,就是有點略顯單調,暑假也有點閒 於是就有了自己寫一個適合自己的主題的想法。
折騰了下就有了現在我用的這個主題 XvA 名字瞎起的沒啥含義
特性#
- 自適應螢幕的大小
- disqus 支持,還加上了 lazyload
- gitalk 支持
- 夜間模式
- 回到最頂按鈕
- 自動生成友鏈頁面(這個當時折騰了我好久 QAQ)
以下內容就是 Github 的 README#
#
一個簡約單的 HEXO 主題
Contents 目錄#
Install 安裝#
git clone https://github.com/johnpoint/hexo-theme-XvA themes/XvA
cd themes/XvA
cp _config.example.yml _config.yml
Configuration 配置#
# 導航欄
menu:
Home: /
Archives: /archives
post_copyright:
enable: false
author:
copyright_text: 本作品採用<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">知識共享署名-相同方式共享 4.0 國際許可協議</a>進行許可。
loading: false
totop: true
fancybox: true
sitesince: #頁腳版權信息,年份 Footer copyright information, filled in the year
# 側邊欄
# sidebar
widget:
tag:
enable: false
count: 10
friends: # 友情鏈接 Links
enable: false
# Links
# 友情鏈接
friends:
pagetitle:
list:
- title: # 標題
img: # 頭像 Avatar
url: # 鏈接地址
desc: # 簡介 description
sidebar: false # 顯示在側邊欄 Displayed in the sidebar
page: false # 在獨立頁面顯示 Displayed on a separate page
# 評論 二選一
# pick one of two
comment:
disqus:
enable: false
shortname:
lazyload: false
gitalk: # See https://github.com/gitalk/gitalk#Install
enable: false
owner:
repo:
oauth:
client_id:
client_secret:
admin:
# - johnpoint
# 網站統計
analytics:
google:
enable: false
id: #UA-xxxxxx-x
busuanzi: # 不蒜子網站統計
enable: false
text:
head: # 描述 示例:本站訪客數 Example: view
end: # 描述 單位 示例:人次 Example: times
# 效果: 本站訪客數 233 人次
# effect: view 233 times
tagscloud:
color:
enable: false
start: # Start color. You can use hex (#b700ff), rgba (rgba(183, 0, 255, 1)), hsla (hsla(283, 100%, 50%, 1)) or color keywords. This option only works when color is true.
end: # End color. You can use hex (#b700ff), rgba (rgba(183, 0, 255, 1)), hsla (hsla(283, 100%, 50%, 1)) or color keywords. This option only works when color is true.
text:
min: 20 # 最小字體大小 Minimal font size
max: 40 # 最大字體大小 Maximum font size
unit: px # 字體尺寸單位 Unit of font size
Demo 演示#
TODO 待實現#
- 側邊欄友情鏈接
- disqus
- google analytics
- 文章版權聲明
- highlight.js 代碼高亮
- 獨立友鏈頁面
- 獨立標籤雲
- 添加不蒜子訪客統計
- disqus lazyload
- 修復手機部分字體不兼容
- 圖片窗口內打開
- 回到頂部
- 加載進度條
- 夜間模式
- 代碼高亮優化
- 側邊目錄優化
-
GitmentGitalk 支持 - 添加動畫效果
- 不蒜子閱讀量統計
- 多語言支持
- 一言 支持