之前博客用的主题是移植自 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
  • 修复手机部分字体不兼容
  • 图片窗口内打开
  • 回到顶部
  • 加载进度条
  • 夜间模式
  • 代码高亮优化
  • 侧边目录优化
  • Gitment Gitalk 支持
  • 添加动画效果
  • 不蒜子阅读量统计
  • 多语言支持
  • 一言 支持

Thanks 致谢

LICENSE 许可协议

GNU General Public License v3.0