Fork & modification of "purehugo" theme from https://github.com/dplesca/purehugo
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Adam Piontek 33832d9cd4 numerous changes; i know that's not helpful 7 months ago
archetypes Adding default content for default archetype, fixes #1 4 years ago
assets/css numerous changes; i know that's not helpful 7 months ago
images Better screenshots 3 years ago
layouts numerous changes; i know that's not helpful 7 months ago
static/css numerous changes; i know that's not helpful 7 months ago
.gitignore Added extra css file for custom styles and keep it in gulp flow 4 years ago
LICENSE.md Initial commit 4 years ago
README.md Add the option to hide text next to icons 1 year ago
gulpfile.js numerous changes; i know that's not helpful 7 months ago
package-lock.json reverted to using CDNs for google fonts & purecss; other updates for social icons & logo & background image 7 months ago
package.json numerous changes; i know that's not helpful 7 months ago
theme.toml numerous changes; i know that's not helpful 7 months ago

README.md

purehugo

Hugo theme based on purecss from Yahoo. The theme is based on the purecss blog layout example, is responsive and has a few more features: pagination (if enabled), responsive images (through a shortcode), google analytics, disqus comments and even a mini-asset-pipeline using gulp. If you end up using it, I’d love to see what you do with it so please give me a shout on twitter.

Installation

Navigate to your Hugo site’s theme folder

$ cd themes
$ git clone https://github.com/dplesca/purehugo.git

Config file

The config file for the demo site looks like this:

baseurl = "http://dplesca.github.io/purehugo/"
languageCode = "en-us"
title = "purehugo"
theme = "purehugo"
Paginate = 10
disqusShortname = "xxxx"

[params]
  twitterName = "dragos_plesca"
  githubName = "dplesca"
  stackOverflowId = "#######"
  linkedinName = "dragos-plesca-52797444"
  description = "Demo site for a hugo theme"
  google_analytics = "UA-xxxxxx-xx"

Notice the configuration necessary for disqus comments (just setting the disqusShortname); the twitter, github, stack overflow and linkedin handlers (for the site sidebar); the site description and enabling Google Analytics reporting.

Syntax Highlighting

Syntax highlighting is enabled by default and it uses the nice rainbow js library. All you need to do is to let rainbow.js the language of the highlighted code, using something like ```go when writing the code in markdown.

Reponsive Images

For responsive images you could use the built-in responsive image shortcode (without the /**/ characters):

{{%/* img-responsive "http://example.com/image.jpg" */%}}

Hide Share Options

If you would like to hide the share options in the single post view, you can add this option in the params section of your config file.

[params]
  # ... other options ...
  hideShareOptions = true

Hide Sidebar icons text Options

If you would like to hide the text next to the icons on the sidebar, you can add this option in the params section of your config file.

[params]
  # ... other options ...
  hideSidebarIconText = true

Screenshot

Screenshot