The theme I used for my blog before was a port of the Maupassant theme from Typecho. It was clean and pretty, but a bit monotonousand I had some free time during summer vacation, so I had the idea of writing a theme that suits me.
After some tinkering, I came up with the theme I'm using now, XvAthe name doesn't have any meaning.
Features#
- Responsive design
- Support for Disqus, with lazyload added
- Support for Gitalk
- Night mode
- Back to top button
- Automatically generate a friends page (this took me a long time to figure out QAQ)
The following content is the README from Github#
#
A simple HEXO theme
Contents#
Install#
git clone https://github.com/johnpoint/hexo-theme-XvA themes/XvA
cd themes/XvA
cp _config.example.yml _config.yml
Configuration#
# Navigation bar
menu:
Home: /
Archives: /archives
post_copyright:
enable: false
author:
copyright_text: This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0 International License</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: # Title
img: # Avatar
url: # Link address
desc: # Description
sidebar: false # Displayed in the sidebar
page: false # Displayed on a separate page
# Comment, choose one
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
# Website analytics
analytics:
google:
enable: false
id: #UA-xxxxxx-x
busuanzi: # Busuanzi website statistics
enable: false
text:
head: # Description, e.g. view
end: # Description, e.g. times
# Example: view 233 times
tagscloud:
color:
enable: false
start: # Start color
end: # End color
text:
min: 20 # Minimal font size
max: 40 # Maximum font size
unit: px # Unit of font size
Demo#
TODO#
- Sidebar links
- Disqus
- Google Analytics
- Post copyright statement
- highlight.js code highlighting
- Separate friends page
- Separate tags cloud
- Add Busuanzi visitor statistics
- Disqus lazyload
- Fix font compatibility on mobile
- Open images in a window
- Back to top button
- Loading progress bar
- Night mode
- Optimize code highlighting
- Optimize sidebar directory
-
GitmentGitalk support - Add animation effects
- Busuanzi reading statistics
- Multilingual support
- Hitokoto support