Theme For Hugo - Skye
(See changelog for latest version and changes)
A dark theme with blue accents for Hugo. Provides multiple configuration options and overrides.
You can find more details on certain features by scrolling down past this list
- Disqus commenting (fixed for testing with localhost and can be disabled by content)
- Big cover image (optional)
- Custom cover by content (optional)
- Google Analytics (optional and disabled when running on localhost)
- Font Awesome support (local CSS and using embed code)
- Site header with tagline
- Responsive design using CSS flexbox
- Configurable color scheme
- Custom site wallpaper
- Custom CSS that cleans the page up for printing only the page content (try visiting one of the example pages and viewing print preview)
- Custom shortcodes that I find useful
- Multiple sidebar widgets, including:
- Categories list
- Recent posts list
- Post tags list (sorted by most common)
- Twitter timeline
- Optional authorbox on post pages
_index.mdsupport for all list pages, including custom content and hiding the list
- Custom section landing pages
- Dynamic site menu that works on desktop and mobile alike - supports seemingly infinite nesting (might look bad on mobile, though)
- Comments can be enabled/disabled on a per-page basis as well as in the site config
- Dynamic taxonomy pages that look good on all screen sizes
- Social icons in the page footer
- Custom "Error 404" page
- Custom robots.txt that prevents taxonomy pages from being indexed (e.g. /tags/my_tag)
- Check out the TODO list
See Configuration for a detailed explanation of each option.
Displaying Code On Your Site
See the Hugo documentation on this.
If you are going to use Pygments to highlight your code then see below for my suggested configuration within the root section of your
PygmentsUseClasses = false PygmentsCodeFences = true PygmentsStyle = "monokai"
If you are happy with the default appearance of the the Pygment Styles then use
PygmentsStyle variable to your preferred style. Otherwise remove the variable and include your preferred CSS in the page
<head>. See cssAddHead.
PygmentsUseClasses = true PygmentsCodeFences = true cssAddHead = ["/css/myHighlighter.css"]