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: # 頭像 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
  • 修復手機部分字體不兼容
  • 圖片窗口內打開
  • 回到頂部
  • 加載進度條
  • 夜間模式
  • 代碼高亮優化
  • 側邊目錄優化
  • Gitment Gitalk 支持
  • 添加動畫效果
  • 不蒜子閱讀量統計
  • 多語言支持
  • 一言 支持

Thanks 致謝#

LICENSE 许可协议#

GNU General Public License v3.0

載入中......
此文章數據所有權由區塊鏈加密技術和智能合約保障僅歸創作者所有。