Slender-Next

Yet another sample theme for Hugo with base16 color schemes. Based on slender, inspired by hexo-theme-next

Screenshot

Features

• Responsive
• Pagination
• base16 color schemes
• Code/syntax highlighting with highlight.js 9.1.0
• Proper meta tags for SEO
• Optimized for China
• Google Analytics And Baidu Tongji integration
• Disqus And Duoshuo integration
• MathJax Support
• Table of Content
• Tags + Archive

Color Schemes

Installation

1. Make a new Hugo site

   $ hugo new site your_site/
   

2. Install Slender

   $ cd your_site/
   $ mkdir themes
   $ cd themes
   $ git clone https://github.com/overvenus/slender-next
   

Configuration

# config.toml
# https://github.com/overvenus/slender-next

baseurl = "http://url-to-your-site.com/"
title = "Your Title"
# set "zh-Hans", turn on optimization.
languageCode = "en-US"
MetaDataFormat = "yaml"
theme = "slender-next"
paginate = 5
PaginatePath = "/page/"

[author]
    name = "Your Name"

[permalinks]

    # Permalink format for pages.
    page = "/:title/"

    # Permalink format for blog posts.
    post = "/:year/:month/:day/:title/"

[taxonomies]
    # tags -> menu.main.tags
    tag = "tags"
    # archive -> menu.main.archive
    archive = "archive"

[params]

    # Change the color scheme of Slender.
    # See above for preview and list of color schemes.
    colorscheme = "white"

    # Tagline; HTML accepted here. Keep it concise.
    tagline = "Your Tagline"

    # copyright, see http://creativecommons.org/
    licenses = "BY-NC-SA"
    copyrightYear = "2015 - 2016"

    # Description and keywords for <meta> tags.
    # Remember to set this for your main page.
    # This will be overridden by whatever is set by the page or post,
    # defined by `description` and `keywords` variables in the front matter
    # of the markdown file.
    description = "Default Page Description"
    keywords = "default,page,keywords"

    # Analytics
    # Remove, comment, or leave it blank if you don't have one.
    googleAnalytics = "GoogleAnalyticsParams"
    baiduTongji = "BaiduTongji"

    # Comment
    # Remove or comment if you don't have one.
    # if both set,
    #    zh-Hans: duoshuoShortname > disqusShortname
    #    else: disqusShortname > duoshuoShortname
    duoshuoShortname = "your-duoshuo"
    disqusShortname = "you-disqus"

    # MathJax
    # see: http://mathjax.readthedocs.org/en/latest/options/hub.html
    mathjax = true # enable
    mathHideMenu = false
    mathZoom = "Double-Click"
    mathRenderer = "SVG"

[menu]

    # Menu for the nav bar.
    # There must always be one item present (e.g. home).
    # identifier: Font Awesome icon name
    [[menu.main]]
    identifier = "fa-home"
    name       = "Home"
    url        = "/"
    weight     = 0

    [[menu.main]]
    identifier = "fa-user"
    name       = "About"
    url        = "/about/"
    weight     = 1

    [[menu.main]]
    identifier = "fa-archive"
    name       = "Archive"
    url        = "/archive/"
    weight     = 2

    [[menu.main]]
    identifier = "fa-tags"
    name       = "Tags"
    url        = "/tags/"
    weight     = 3

Usage

Making a new post / article

$ hugo new post/hello.md

Making a new page

$ hugo new page/about.md

Add the new page to navbar in config.toml under [menu].

Turn on MathJax

Post's front matter. Default: "off"

---
mathjax: "on"
---

Turn off TOC

Post's front matter. Default: "on"

---
toc: "off"
---

Favicon

Put your favicon (both png and icon format) in static/assets/

License

MIT © 2015 CrimsonRay

MIT © 2016 Neil Shen