chengengfengC / hexo-theme-vexo

🍟 Vexo is a Hexo theme inspired by Vue's official website.

Vexo = Vue.js Style + Hexo

Vexo is a Hexo theme inspired by Vue.js official website.

Intro

Demo

Live Example

Features

• Fully Responsive
• Baidu Analytics
• Gitment
• Reward
• Share Qrcode
• SEO
• Immersive Status Bar

Install

1. Download this theme into your project

   cd your-hexo-folder
   
   git clone https://github.com/yanm1ng/hexo-theme-vexo.git themes/vexo
   
   cp themes/vexo/_source/* source/
   

2. Modify _config.yml with your own info. look like this

   themes: vexo
   

   Here theme's name must same as the theme folder name.

3. Or you can copy my theme _config.yml into you hexo blog directory , replace default _config.yml

4. That's all , hope you will like :)

Update

cd themes/vexo
git pull

Post

The front-matter of a post looks like that:

---
title: "Hello World"
date: 2016-06-10 23:00
tags:
 - Movies
 - Life
---

Change Log

2017-06-15

• Add personal about page
• Replace font-family
• Ignore text-autosizer/font-boosting on mobile-device
• Fixed bugs

2017-06-12

• Add enter-out transition
• Fixed bugs

2017-06-11

• Add archive page
• Fixed HighLight code line-number bug
• Adjust home post display problem
• Thanks @ky0ncheng issue

Comment

Vexo use Gitment as the third party discussion system.

You can easily complete your comment configuration by just adding your settings into _config.yml

# Gitment
gitment_owner: yanm1ng
gitment_repo: yanm1ng.github.io
gitment_oauth_id: 
gitment_oauth_secret: 

How to use Gitment ? See

Reward

You can replace your own Alipay/Wechat qrcode in themes/source/css/images

Here the name must same as alipay.jpg or wechat.jpg.

About

• Give a star if you like , fork or just clone to use , and also you can help me fix bugs and add new feature :)
• If you have any problem or requirement , just open an issue here and i will help you.
• Thanks to @imsun , @Evan You and @Hexo.

LICENSE

MIT