Giter VIP home page Giter VIP logo

hexo-theme-inside's Introduction

Inside

build-img release-img license-img

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:

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

  1. Install hexo-generator-feed:

    npm install hexo-generator-feed --save
  2. 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.

hexo-theme-inside's People

Contributors

elmorec avatar

Watchers

James Cloos avatar Mikey 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.