GithubHelp home page GithubHelp logo

vence / hexo-theme-next Goto Github PK

View Code? Open in Web Editor NEW

This project forked from iissnan/hexo-theme-next

1.0 2.0 0.0 9.05 MB

NexT is an elegant theme for Hexo.

Home Page: http://notes.iissnan.com

CSS 70.34% JavaScript 29.66%

hexo-theme-next's Introduction

NexT

精于心,简于形

在线预览 | README in English

预览

NexT - 默认主题

NexT Preview

Mist - 紧凑版 开启:将主题配置文件中的 #scheme: Mist 前的 # 去掉

Mist Preview

安装

  1. 从 GitHub 下载

     $ cd your-hexo-site
     $ git clone https://github.com/iissnan/hexo-theme-next themes/next
    
  2. 更改站点 _config.yml 中的 theme 字段设置为 next

     theme: next
    

或者,你可以下载稳定的发布版本

更新

cd themes/next
git pull

因为主题在不断的更新,所以你可能会遇到冲突,需要手动解决。在更新之前,建议备份下当前的配置。

特性

特性概览:

配置

NexT 坚持将复杂的细节隐藏,提供尽量少并且简便的设置,保持最大限度的易用性。

为了尽量避免更新主题的时候,避免发生冲突,建议将配置写在站点_config.yml 中。

放置在站点配置中的选项

以下选项建议放置在站点级别的配置中,这些选项你在下个主题中可能也可以使用:)

# =============================================================================
# NexT Theme configuration
# =============================================================================

# 多说帐号
duoshuo_shortname: your-duoshuo-shortname

# DISQUS 帐号 (如果已经设置 多说 帐号,此选项将被跳过)
disqus_shortname: your-disqus-shortname

# JiaThis 分享服务
jiathis: true

# 多说 分享服务(必须启用多说)
duoshuo_share: 

# 社交链接,将在侧栏中显示
social:
  GitHub: your-github-url
  Twitter: your-twitter-url
  Weibo: your-weibo-url
  DouBan: your-douban-url
  ZhiHu: your-zhihu-url
  # 等等


# Creative Commons 4.0 International License.
# http://creativecommons.org/
# Available: by | by-nc | by-nc-nd | by-nc-sa | by-nd | by-sa | zero
creative_commons: by-nc-sa


# Google 站长工具验证,请选择 `HTML Meta` 验证方式
# See: https://www.google.com/webmasters/
google_site_verification: VvyjvVXcJQa0QklHipu6pwm2PJGnnchIqX7s5JbbT_0


# Google 分析 ID
google_analytics:


# 百度统计 ID,此 ID 是百度统计提供脚本中 hm.js? 后面那串字符,非百度统计帐号
baidu_analytics: 50c15455e37f70aea674ff4a663eef27

# 站点起始时间
since: 2011

# =============================================================================
# End NexT Theme configuration
# =============================================================================

主题配置

# 菜单配置
menu:
  home: /
  archives: /archives
  #categories: /categories
  tags: /tags
  #about: /about


# Favicon
# 从`Next 0.2`起,favicon将不再放置于主题之内。
# 请将你的favicon放置在`hexo-site/source/`目录下。
favicon: /favicon.ico


# 设置为`false`不显示`rss`链接
# 留空,并且通过`hexo-site-feed`插件配置使用默认的feed
# 设置成特定的`url`,适用于通过第三方服务定制feed的情况。
rss: false


# 图标字体
# NexT内建四种图标: default | linecons | fifty-shades | feather
icon_font: default
#icon_font: fifty-shades
#icon_font: feather
#icon_font: linecons


# 代码高亮主题
# available: normal | night | night eighties | night blue | night bright
highlight_theme: normal


# MathJax support
# 开启数学公式渲染支持,默认关闭。设置为 `true` 开启。
mathjax:


# Mist
# 使用 Mist 主题
#scheme: Mist


# Sidebar 侧栏行为,可选值有
#  - post   默认值,在文章页面自动展开侧栏
#  - always 在所有页面自动展开侧栏
#  - hide   在手动点击侧栏的开关按钮时展开
sidebar: post
#sidebar: always
#sidebar: hide


# `阅读全文` 按钮跳转之后是否自动滚动页面到设置 `<!-- more -->` 的地方。
scroll_to_more: true


# 是否为侧边栏文章的目录自动添加索引,默认开启。设置为 `false` 关闭。
toc_list_number: true

主题内建样式

.blockquote-center

带上下分割线的引用,引用内文本将自动居中。适用于单行引用文本的场景。

示例

Blockquote Center

使用方式:

<blockquote class="blockquote-center">blah blah blah</blockquote>

.full-image

图片将自动扩展 26%,突破文章宽度。

示例

Full Image

使用方式:

<img src="/image-url" class="full-image" />

浏览器支持

Browser support

贡献

接受各种形式的贡献,包括不限于提交问题与需求,修复代码。等待您的PR

开发

NexT is built for easily use with elegant appearance.

First things first, always keep things simple.

views hexo-image bower-image jquery-image velocity-image

hexo-theme-next's People

Contributors

alfredtofu avatar araolin avatar ceoimon avatar doublemine avatar earthday avatar flashlab avatar goodseller avatar iissnan avatar imcoddy avatar jefferyfan avatar karlito40 avatar kpavlov avatar lkatartn avatar slixurd avatar starkwang avatar ted-zjut avatar tzang avatar xirong avatar yqw1218 avatar ywjno avatar

Stargazers

 avatar

Watchers

 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.