之前博客用的主题是移植自 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 支持 - 添加动画效果
- 不蒜子阅读量统计
- 多语言支持
- 一言 支持
Thanks 致谢
LICENSE 许可协议
- 本文链接:
- 版权声明: 本作品采用知识共享署名-相同方式共享 4.0 国际许可协议进行许可。