johnpoint

johnpoint

(。・∀・)ノ゙嗨
github

Wrote a Hexo theme hexo-theme-XvA

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#

image
#

image image image image codebeat badge

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
  • Gitment Gitalk support
  • Add animation effects
  • Busuanzi reading statistics
  • Multilingual support
  • Hitokoto support

Thanks#

LICENSE#

GNU General Public License v3.0

Loading...
Ownership of this post data is guaranteed by blockchain and smart contracts to the creator alone.