Introduction theme for Hugo
Find a file
2017-04-11 09:35:59 +08:00
archetypes Initial commit 2017-03-13 17:14:02 +08:00
exampleSite Added introheight to config in exampleSite 2017-04-11 09:35:59 +08:00
images Added border to screenshots. 2017-03-26 15:29:12 +08:00
layouts Centered hamburger on mobile layout 2017-03-26 16:41:59 +08:00
static/css Layout remodelled using bulma, css minified. Added responsive hamburger menu on mobile. 2017-03-26 13:23:50 +08:00
LICENSE.md Initial license 2017-03-13 14:52:36 +08:00
README.md Choose header height in config file! And updated screenshots. 2017-03-26 15:22:18 +08:00
theme.toml Initial commit 2017-03-13 17:14:02 +08:00

Introduction theme for Hugo

A minimal, single page, smooth scrolling theme for Hugo.

Main page screenshot

Features:

  • Single scrolling home page
    • About and Contact sections
    • Optional Projects and Blog sections
  • Browser friendly CSS fade-in effect for some pizzaz
  • Smooth scroll-to nav feature
  • Responsive and fast

Quick start

Get the theme

From the root of your Hugo site:

$ cd themes
$ git clone https://github.com/vickylaixy/hugo-theme-introduction.git introduction

Configure your site

From the exampleSite, copy config.toml to the root folder of your Hugo site and change the fields as you like.

Start with:

  1. Set your baseurl
  2. Set your full name and first name
  3. Set your introduction header height (use "medium", "large", or "fullheight")
  4. Set your avatar image
  5. Input your social site usernames
  6. Choose whether or not to show the Blog and Projects sections, and configure them to your liking

Create About and Contact pages

Run:

$ hugo new about.md 
$ hugo new contact.md

Then edit the markdown files with the content you'd like shown in your main page's About and Contact sections.

Preview your site locally

Use Hugo's built-in server to see your site in action as you make changes.

$ hugo -t introduction --watch serve

Visit localhost:1313 in your browser to see a live preview of your site.

Blog posts

To create a new blog post, run:

$ hugo new blog/your-post.md

License

This theme is released under the Creative Commons Attribution 3.0 license.