mirror of
https://git.adityakumar.xyz/hugo-theme-introduction.git
synced 2024-11-09 23:09:47 +00:00
Introduction theme for Hugo
a4cb2a5de4
Excellent. Thank you! |
||
---|---|---|
archetypes | ||
exampleSite | ||
images | ||
layouts | ||
static | ||
.gitignore | ||
CHANGELOG.md | ||
LICENSE.txt | ||
README.md | ||
theme.toml |
Introduction theme for Hugo
A minimal, single page, smooth scrolling theme for Hugo.
Features:
- Single scrolling home page
- About section with profile photo
- Contact section with option to show your local timezone
- Optional Projects and Blog sections
- Light and Dark themes
- Browser friendly CSS fade-in effect for some pizzaz
- Smooth scroll-to-section navigation
- Responsive and fast
Quick start
Get the theme
From the root of your Hugo site:
$ cd themes
$ git clone https://github.com/vickylaiio/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:
- Set your baseurl
- Set your full name and first name
- Set your introduction header height (use "medium", "large", or "fullheight")
- Choose "light" or "dark" theme
- Set your avatar image
- Set your timezone, if you choose to show it
- Choose whether or not to show the Blog and Projects sections, and configure them to your liking
- Input your social site urls and font-awesome icon names - use as many as you like
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.