2017-10-03 13:42:08 +00:00
# <a href="https://vickylai.io/introduction/" target="_blank" rel="noopener">Introduction theme for Hugo</a>
2017-03-13 09:14:02 +00:00
A minimal, single page, smooth scrolling theme for Hugo.
2017-08-12 05:10:55 +00:00
![Main page screenshot ](https://github.com/hivickylai/hugo-theme-introduction/blob/master/images/screenshot.png )
2017-03-13 09:45:32 +00:00
2017-03-13 09:14:02 +00:00
Features:
2017-03-26 07:22:18 +00:00
- Single scrolling home page
2017-04-22 01:37:11 +00:00
- About section with profile photo
- Contact section with option to show your local timezone
2017-03-26 07:22:18 +00:00
- Optional Projects and Blog sections
2017-05-14 07:19:04 +00:00
- Light and Dark themes
2017-03-26 07:22:18 +00:00
- Browser friendly CSS fade-in effect for some pizzaz
2017-04-22 01:37:11 +00:00
- Smooth scroll-to-section navigation
2017-03-26 07:22:18 +00:00
- Responsive and fast
2017-03-13 09:14:02 +00:00
## Quick start
### Get the theme
From the root of your Hugo site:
```sh
$ cd themes
2017-08-12 05:10:55 +00:00
$ git clone https://github.com/hivickylai/hugo-theme-introduction.git introduction
2017-03-13 09:14:02 +00:00
```
### 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:
2017-03-13 09:45:32 +00:00
2017-03-13 09:14:02 +00:00
1. Set your baseurl
2. Set your full name and first name
2017-03-26 07:22:18 +00:00
3. Set your introduction header height (use "medium", "large", or "fullheight")
2017-05-14 07:19:04 +00:00
4. Choose "light" or "dark" theme
5. Set your avatar image
6. Set your timezone, if you choose to show it
7. Choose whether or not to show the Blog and Projects sections, and configure them to your liking
8. Input your social site urls and font-awesome icon names - use as many as you like
2017-03-13 09:14:02 +00:00
### Create About and Contact pages
Run:
2017-04-22 01:37:11 +00:00
```sh
2017-03-13 09:14:02 +00:00
$ 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
2017-08-12 05:10:55 +00:00
This theme is released under the [Creative Commons Attribution 3.0 license. ](https://github.com/hivickylai/hugo-theme-introduction/blob/master/LICENSE.txt )