Inside

A flat and clean theme for Hexo ❤️.

Features

Custom page routes (also support sub page)

Adding routes for hexo pages (only for hexo pages), also support sub pages.

page:
  - about
  - links
  # sub page example
  - awesome-stuff:
    - chapter-1
    - chapter-2
  - amazing-stuff:
    - chaper-1:
      - part-1
      - part-2
    - chapter-2

The directory structure looks like this:

HEXO
  |-source
    |-about
      |-index.md
    |-links
      |-index.md
    |-awesome-stuff
      |-index.md
      |-chapter-1.md
      |-chapter-2.md
    |-amazing-stuff
      |-index.md
      |-chapter-1
        |-index.md
        |-part-1.md
        |-part-2.md

And urls will be:

Other built-in routes are as follows:

home: /
archives: /archives
tags: /tags
categories: /categories
404: /404

Multiple languages

🇨🇳 Simplified Chinese & Traditional Chinese
🇺🇸 English
🇯🇵 Japanese

Support 3 languages for now, default language is English.

Change language at site's _config.yml to take effects.

language: en
# language: zh-Hans
# language: zh-Hant
# language: ja

Disqus comments

disqus:
  shortname: your_disqus_shortname
  autoload: true

Set autoload to true to auto load disqus, otherwise will display a button.

Social Media

sns:
  github: your-github-url
  twitter: your-twitter-url
  gplus: your-google-plus-url
  weibo: your-weibo-url

Feed

Install hexo-generator-feed:
```
npm install hexo-generator-feed --save
```
Config site's _config.yml as follows:
```
feed:
  path: atom.xml
```

Assets path

Prefix/Suffix post assets path with assets filter. Useful for resource cdn.

assets:
  prefix: 'https://cdn.example.com'
  suffix: '?m=webp&q=80'

For example, ![cat](images/cat.gif) will convert to ![cat](https://cdn.example.com/images/cat.gif?m=webp&q=80)

Google Analytics

ga: UA-00000000-0

Web App Manifest

The web app manifest is a simple JSON file that gives you, the developer, the ability to control how your app appears to the user in the areas that they would expect to see apps (for example the mobile home screen), direct what the user can launch and more importantly how they can launch it. See here for more information.

manifest:
  short_name:
  name:
  start_url: /
  theme_color: '#2a2b33'
  background_color: '#2a2b33'
  icons:
    - src: icon-194x194.png
      sizes: 194x194 512x512
      type: image/png
    - src: icon-144x144.png
      sizes: 144x144
      type: image/png

Meta Theme Color

To specify the theme color for Chrome on Android, use the meta theme color.

See here for more information.

Inside changes the meta theme color dynamicly by automatically extracting the color from the thumbnail of each post.

Note this only works for Chrome on Android.

Sitemap

Enhanced front matter

Inside extended the default front matter of your posts with the following properties:

author author of the post, optional
thumbnail picture which shows on your post header, optional
dropcap capitalizes the first character, optional

For example:

---
title: You've got to find what you love
date: 2005-06-15
author: Jobs
tags:
 - people
categories:
 - articles
thumbnail: images/people/jobs.jpg
dropcap: true
---

Configuration

Site's `_config.yml`

For best experience, make sure the following default generators have been removed from site's package.json.

And configure the site's _config.yml as follows.

permalink: post/:title/index.html
default_layout: index
pagination_dir: page

Theme's `_config.yml`

Full configuration of theme's _config.yml can be found here.

mikey-wang/hexo-theme-inside