• Stars
    star
    251
  • Rank 161,862 (Top 4 %)
  • Language
    CSS
  • License
    MIT License
  • Created over 8 years ago
  • Updated over 5 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

The new Vno theme ported to Hexo http://monniya.com

hexo-new-vno

这个主题是原创为onevat的vno, 它遵从简洁和响应式的设计风格,拥有一个独立的封面,易于集成的 Disqus 评论和多说系统,Google Analytics,字体图标以及多种颜色。 此主题的hexo版本由空谷幽兰最先创建,但是已不维护 我加了一些功能及对bug的修复,所以重新创建一个,github地址

Demo Show

Demo: 我的博客

主页封面

文章列表

封面

图片和颜色

将您的封面图片放到主题的 source/images/ 下,将图片文件改名为background-cover.jpg或修改_config.iml中background的cover字段值即可。您也可以改变封面的颜色。找到_config.iml中background的color字段值,然后替换成您需要的颜色即可。默认为您提供了七种选择:

  • cover-blue - #2568A3
  • cover-green - #156F78
  • cover-purple - #493252
  • cover-red - #E25440
  • cover-orange - #FB9C50
  • cover-slate - #3D4260
  • cover-disabled - 透明

头像和简介

头像可以在封面中显示,将头像文件放到全局的 source/images/下, 修改_config.yml中的logo字段值即可。

您还可以在封面页上写一个简短的介绍, 填写全局的_config.yml(注意:不是主题下的_config.yml)中的description字段值, 支持html标签。

Installation

Install 安装

$ git clone https://github.com/monniya/hexo-theme-new-vno.git themes/new-vno

Enable 主题启用设置

设置全局的_config.yml theme: new-vno

Configuration 主题设置

设置主题的配置文件:_config.yml

#menu子菜单,可自定义
menu:
  #Archives: /archives
  黄金屋: /favourite
  时光机: /favourite/time.html
  #我是: /aboutme
#rss需安装插件hexo-generator-feed,详细请看:https://monniya.com/2016/02/24/create-rss/
rss: /atom.xml
# description配置内容会出现在meta标签中,因此会被搜索引擎抓取
description: 

# 不填写的链接则不显示
social:
  weibo: https://weibo.com/monniya
  github: https://github.com/monniya
  stack_overflow: 
  facebook: 
  twitter: 
  google_plus: 

page_comment: true

# 封面中的头像
logo: /images/avatar.jpg
background:
  cover: /images/background-cover.jpg
  color: cover-purple

archive_date_format: MMM DD
fancybox: true

# 多说的帐号名, 不配置则不启用,使用disqus请去全局_config.yml中配置disqus_shortname
duoshuo_shortname: 

google_analytics: 谷歌跟踪ID
baidu_tongji: 百度统计识别码
favicon: /images/avatar-small.png

谷歌跟踪ID: 谷歌统计 百度统计识别码: 百度统计

文章

喵神没有设置categories,只用tags 例如:

---
title: 文章名称
date: 2016-03-03 10:46:46
tags: 分类
---

百度统计

数学公式支持

mathjax

mathjax: true 由于资源考虑,默认是不加载mathjax的,若需使用请在文章头部添加:

如下示例:
---
title: 侧耳倾听我的心
date: 2017-02-18 22:55:08
tags: 观观影
mathjax: true
---