Git Product home page Git Product logo

hexo-theme-vno's Introduction

hexo-vno

这个主题是修改自onevat的vno, 它遵从简洁和响应式的设计风格,拥有一个独立的封面,易于集成的 Disqus 评论和多说系统,Google Analytics,字体图标以及多种颜色。

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/lenbo-ma/hexo-theme-vno.git themes/vno

Enable

Modify theme setting in _config.yml to vno.

Update

cd themes/vno
git pull

Configuration

# menu子菜单可随意配置
menu:
  #Archives: /archives
  项目作品: /projects
  关于我: /aboutme
rss: /atom.xml
# description配置内容会出现在meta标签中,因此会被搜索引擎抓取
description: 爱好电影、音乐和书籍,尤其喜爱许巍、李健及王小波。擅长Java,JavaScript,喜欢用NodeJs编写一些有趣的应用。关注互联网、科技、敏捷开发以及JavaNIO。
# 不填写的链接则不显示
social:
  weibo: http://weibo.com/p/1005052979439661
  github: https://github.com/lenbo-ma
  twitter: https://twitter.com/lenbo_
  google_plus: https://www.google.com/+LenboMa
# 封面中的头像
logo: /images/logo2.jpg
# cover处填写背景图片, color处填写覆盖层的颜色样式名
background:
  cover: /images/background-cover.jpg
  color: cover-blue

archive_date_format: MMM DD

# 多说的帐号名, 不配置则不启用
duoshuo_shortname: mlongbo

google_analytics: UA-42596364-1
# 网站的favicon图片
favicon: /favicon.ico

如果使用disqus,需要在hexo的全局配置文件中配置, duoshuo_shortname字段留空即可

Copyright & License

Copyright (c) 2014-2015 Released under the MIT license.

hexo-theme-vno's People

Contributors

kevinma2010 avatar jk2k avatar yisheng avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.