My Footprint

Hipaper

A fashional newspaper, blog theme for Hexo.

Installation

  1. Get it from GitHub

    1
    $ git clone https://github.com/iTimeTraveler/hexo-theme-hipaper.git themes/hipaper
  2. Enable

    Modify theme setting in _config.yml to hipaper.

    1
    2
    3
    4
    # Extensions
    ## Plugins: http://hexo.io/plugins/
    ## Themes: http://hexo.io/themes/
    theme: hipaper
  3. Update

    1
    2
    $ cd themes/hipaper
    $ git pull

Features

Logo: Image or Text

You can set a image as your logo instead of original text title. Like this:

just enable avatar field in hipaper/_config.yml.

1
2
3
4
5
6
7
8
# Put your avatar.jpg into `hexo-site/themes/hipaper/source/` directory.
# url is target link (E.g. `url: https://hexo.io/logo.svg` or `url: css/images/mylogo.jpg`)
avatar:
enable: true
width: 124
height: 124
bottom: 10
url: https://hexo.io/logo.svg

Code Highlight

Hipaper use Tomorrow Theme for your code block. We have six options in total: default, normal, night, night blue, night bright, night eighties

code `default` theme Preview

Above preview picture is default theme. the image below show other five Highlight themes.

code themes

Modify highlight_theme in hipaper/_config.yml.

1
2
3
4
5
# Code Highlight theme
# Available value:
# default | normal | night | night eighties | night blue | night bright
# https://github.com/chriskempson/tomorrow-theme
highlight_theme: default

You can put your sidebar in left side, right side or bottom of your site by editing sidebar setting.
Hipaper provides 7 built-in widgets:

  • search
  • social
  • recent_posts
  • category
  • tag
  • tagcloud
  • archive

All of them are enabled by default. You can edit them in widget setting.

Hipaper use Insight Search to help you search anything inside your site without any third-party plugin.

1
2
3
4
5
# Search
search:
insight: true # you need to install `hexo-generator-json-content` before using Insight Search
swiftype: # enter swiftype install key here
baidu: false # you need to disable other search engines to use Baidu search, options: true, false

Attention: You need to install hexo-generator-json-content before using Insight Search.

1
$ npm install -S hexo-generator-json-content

Fancybox

Hipaper uses Fancybox to showcase your photos. You can use Markdown syntax or fancybox tag plugin to add your photos.

1
2
3
![img caption](img url)

{% fancybox img_url [img_thumbnail] [img_caption] %}

Comment support

Hipaper has native support for DuoShuo & Disqus comment systems. Modify the following snippets to Hipaper hipaper/_config.yml:

1
2
3
# comment ShortName, you can choose only ONE to display.
duoshuo_shortname: iTimeTraveler
disqus_shortname:

Browser support

Contributing

All kinds of contributions (enhancements, new features, documentation & code improvements, issues & bugs reporting) are welcome.

Looking forward to your pull request.

Special thanks to ATHEMES, who designed the original theme FASHIONISTA for Wordpress.

License

Hipaper is under the MIT license. See the LICENSE file for details.

Author

Haojun(Vincent) Gao

Posted on

2015-08-16

Updated on

2022-05-26

Licensed under

Comments