Installation Guide

St. Andrews is a clean, beautiful, and responsive portfolio theme for the Hexo static site generator. View a demo of the theme here.

Theme installation

Unzip the folder containing the St. Andrews theme, then place the entire standrews folder within the themes folder of your Hexo blog. Your Hexo website structure should now look like this:

1
2
3
4
5
6
7
8
9
10

|-- node_modules/
|-- scaffolds/
|-- source/
|-- themes/
  |-- standrews/
    |-- layout/
    |-- source/
    |-- _config.yml
|--  _config.yml
|--  package.json

Then update your blog’s main _config.yml to set the theme to standrews:

1
2
3
4

# Extensions
## Plugins: http://hexo.io/plugins/
## Themes: http://hexo.io/themes/
theme: standrews

Theme configuration

Header menu

The theme’s header menu is configured in your blog’s _config.yml.

1
2
3
4
5

# Header
menu:
  Home: /
  About: /about
  Contact: /contact

Favicon

The blog’s favicon can be changed by adding the URL to your favicon ico in the theme’s _config.yml.

1
2

# Favicon
favicon_url:

Default Post Image

In the event that a cover image is not specified for a post, the theme will use a default image instead. Specify the default image by replacing the URL here.

1
2

# Default Image for Posts
default_cover_image: images/default.jpg

Google Analytics tracking

The Google Analytics Tracking ID is configured in the theme’s _config.yml.

1
2

# Google Analytics Tracking ID
google_analytics:

Social Accounts

Modify the social media links in the theme’s footer by adding or removing links here.

1
2
3
4
5
6
7
8
9
10
11

# Social Accounts
email_url: mailto:fake@email.com
twitter_url: https://twitter.com/?lang=en
facebook_url: https://www.facebook.com/
instagram_url: https://www.instagram.com/
linkedin_url: https://www.linkedin.com/
dribbble_url:
github_url:
googleplus_url:
behance_url:
fivehundredpx_url:

Disqus Comments

It’s incredibly easy to set up Disqus comments for your blog. Visit Disqus to register your website for comments. Once your website is registered, you will be given a Disqus shortcode to use on your website. Simply paste that shortcode here, and your website will now have comments for posts.

1
2

# Disqus comments
disqus_shortname:

Post configuration

For each post, specify additional information in the front matter.

Post title

Use the title to specify the text displayed as the heading for your post.

1

title: My Awesome Portfolio Piece

Post image

Each post on this theme requires a cover image. If no cover image is provided, a default cover image is used. Specify your own image like this.

1

cover_image: images/portfolio.jpg

Creator

This theme was designed and created by Sharvari Desai.

Support

If you have a question, feature request or a bug you need me to fix, please email me. I will get back to you as soon as possible. If you are not satisfied with this theme, I will be happy to issue a full refund.