Code Monkey home page Code Monkey logo

hexo-theme-noise's Introduction

Noise

Demo

Noise theme is based on very-simple, creatd by lotabout.

A little preview:

noise-index

noise-hello

Installation

Install theme and renderers:

git clone https://github.com/lotabout/hexo-theme-noise themes/noise
npm install hexo-renderer-less --save
npm install hexo-renderer-pug --save

Edit _config.yml in hexo root, change theme to noise.

Configuration

Default config:

# noise/_config.yml
menu:
  Home: /
  Archives: archives
social:
  email:
  twitter:
  github:
  googleplus:
  rss: /atom.xml
fancybox: true
infinite_scroll: false
show_toc: true
toc_words: "Table of Contents"
compact_index: false
duoshuo: #duoshuo_shortname
disqus: #disqus _shortname
google_analytics: #Google Analytics Tracking Code
google_adsense_page_level_ads: #Google Adsense Page Level Ads Code
  • menu - The navigation links on the header
  • social - Social icons such as email/github/twitter etc. to show on the footer
    • email - Email address
    • twitter - twitter account
    • github - github account
    • googleplus - Google Plus account
    • rss - RSS subscription link, learn more in hexo-generator-feed
  • fancybox - Enable Fancybox
  • infinite_scroll - Enable infinite scroll on index page
  • show_toc - To show ToC if no toc: is specified in post
  • toc_words - The words to show in the TOC line
  • compact_index - Use "archive" style index page
  • duoshuo - Duoshuo shortname
  • disqus - Disqus shortname
  • google_analytics - Google Analytics Tracking Code
  • google_adsense_page_level_ads - Google Adsense Page Level Ads Code

If you want to contain this theme only as a submodule, then you may be unwilling to keep all configuration inside theme folder(noise/_config.yml). In this case, you can keep the configurations in root configuration file /_config.yml by:

# /_config.yml
noise:
  menu:
    Home: /
    Archives: archives
  social:
    email:
    twitter:
    github:
    googleplus:
    rss: /atom.xml
  fancybox: true
  infinite_scroll: false
  show_toc: true
  toc_words: "Table of Contents"
  compact_index: false
  duoshuo: #duoshuo_shortname
  disqus: #disqus _shortname
  google_analytics: #Google Analytics Tracking Code
  google_adsense_page_level_ads: #Google Adsense Page Level Ads Code

Features

Logo

You can set a favicon.ico for your website, please put it into source folder of hexo directory, recommended size: 32px*32px.

Pages

To customize pages, such as traditional 'About' page, follow the following steps:

  1. create a directory about/ under /source

  2. create a corresponding index page index.md under directory about/.

  3. add link to the page to menu configuration:

    menu: About: about

Note that you don't need to add directory and create about.md under /source. But the configuration should changed to:

    menu:
      About: about.html

Comments

You can control whether to show comment system(default to enabled) in pages. Just add comments: true or comments: false in front-matter section of page. i.e.

title: About
date: 2013-12-26 22:52:56
layout: page
comments: true
---

Excerpt

You can control the abstract of a post shown at index, by:

  1. Filling a description: item in front-matter of the post.md
  2. Just inserting a <!--more--> before your hidden content.
  3. Otherwise it will fetch the first paragraph as excerpt.

hexo-theme-noise's People

Contributors

dravenk avatar jermeyhu avatar lotabout avatar sujunmin avatar timqi 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.