johnpoint

johnpoint

(。・∀・)ノ゙嗨
github

Hexoのテーマ、hexo-theme-XvAを作成しました。

以前、ブログで使用していたテーマは、Typecho から移植されたMaupassantテーマで、シンプルで見栄えも良かったのですが、少し単調に見えるという問題がありました夏休みも少し暇だったので自分に合ったテーマを作成するというアイデアが生まれました。

いくつかの試行錯誤の結果、現在使用しているこのテーマXvAができました。名前は意味がない適当なものですが

特徴#

  • レスポンシブデザイン
  • disqus のサポートと lazyload の追加
  • gitalk のサポート
  • ダークモード
  • トップに戻るボタン
  • 友達リンクページの自動生成(これにはかなり時間がかかりました QAQ)

以下は Github の README です#

image
#

image image image image codebeat badge

シンプルな 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 の遅延読み込み
  • スマートフォンでの一部のフォントの非互換性を修正
  • 画像をウィンドウ内で開く
  • トップに戻るボタン
  • ローディングバー
  • ダークモード
  • コードハイライトの最適化
  • サイドバーの目次の最適化
  • Gitment Gitalk のサポート
  • アニメーション効果の追加
  • 不蒜子の閲覧数統計の追加
  • 多言語サポート
  • 一言のサポート

Thanks 謝辞#

LICENSE ライセンス#

GNU General Public License v3.0

読み込み中...
文章は、創作者によって署名され、ブロックチェーンに安全に保存されています。