以前、ブログで使用していたテーマは、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: # アバター
url: # リンクアドレス
desc: # 簡単な説明
sidebar: false # サイドバーに表示
page: false # 独立したページに表示
# コメント 二つのうち一つを選択
# 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: # 説明 例:本站访客数
end: # 説明 単位 例:人次
# 效果: 本站访客数 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 # 最小字体大小
max: 40 # 最大字体大小
unit: px # 字体尺寸单位
Demo デモ#
TODO 未実装#
- サイドバーの友情リンク
- disqus
- google analytics
- 記事の著作権表示
- highlight.js のコードハイライト
- 独立した友達リンクページ
- 独立したタグクラウド
- 不蒜子の訪問者統計を追加
- disqus の遅延読み込み
- スマートフォンでの一部のフォントの非互換性を修正
- 画像をウィンドウ内で開く
- トップに戻るボタン
- ローディングバー
- ダークモード
- コードハイライトの最適化
- サイドバーの目次の最適化
-
GitmentGitalk のサポート - アニメーション効果の追加
- 不蒜子の閲覧数統計の追加
- 多言語サポート
- 一言のサポート