Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/kevinma2010/hexo-theme-vno

The Ghost Vno theme ported to Hexo
https://github.com/kevinma2010/hexo-theme-vno

Last synced: 3 months ago
JSON representation

The Ghost Vno theme ported to Hexo

Host: GitHub
URL: https://github.com/kevinma2010/hexo-theme-vno
Owner: kevinma2010
License: mit
Created: 2014-10-17T10:17:49.000Z (over 10 years ago)
Default Branch: master
Last Pushed: 2017-03-04T08:09:37.000Z (almost 8 years ago)
Last Synced: 2024-05-20T09:18:53.774Z (8 months ago)
Language: CSS
Homepage:
Size: 3.12 MB
Stars: 157
Watchers: 6
Forks: 28
Open Issues: 5
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

awesome-hexo-themes - kevinma2010/hexo-theme-vno

README

hexo-vno
========

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

## Demo Show

![主页封面](source/images/show/home.png)

![文章列表](source/images/show/list.png)

![文章内容](source/images/show/page.png)

## 封面

### 图片和颜色

将您的封面图片放到主题的 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

``` bash
$ git clone https://github.com/lenbo-ma/hexo-theme-vno.git themes/vno
```

### Enable

Modify `theme` setting in `_config.yml` to `vno`.

### Update

``` bash
cd themes/vno
git pull
```

## Configuration

```yml
# menu子菜单可随意配置
menu:
# 项目作品: /projects
# 关于我: /aboutme
rss: /atom.xml
# description配置内容会出现在meta标签中，因此会被搜索引擎抓取
# description: blog description
# 不填写的链接则不显示
social:
github: https://github.com/lenbo-ma
twitter: https://twitter.com/lenbo_
weibo:
google_plus:
# 封面中的头像
logo: /images/logo2.jpg
# cover处填写背景图片, color处填写覆盖层的颜色样式名
background:
cover: /images/background-cover.jpg
color: cover-blue

archive_date_format: MMM DD

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

# google_analytics:
# 网站的favicon图片
favicon: /favicon.ico
```
如果使用disqus，需要在hexo的全局配置文件中配置, duoshuo_shortname字段留空即可