blob: 6dea5a3beaee67a437f62c27a2ba2ae441c02f40 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
|
purehugo
========
Hugo theme based on [purecss](http://purecss.io/) from Yahoo. The theme is based on [the purecss blog layout example](http://purecss.io/layouts/blog/), 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](https://twitter.com/dragos_plesca).
### Config file
The config file for the demo site looks like this:
```toml
baseurl = "http://dplesca.github.io/purehugo/"
languageCode = "en-us"
title = "purehugo"
theme = "purehugo"
Paginate = 10
disqusShortname = "xxxx"
[params]
twitterName = "dragos_plesca"
githubName = "dplesca"
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 and github 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](http://craig.is/making/rainbows) 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:
```
{{%/* img-responsive http://example.com/image.jpg */%}}
```
### Screenshot
![Screenshot](http://i.imgur.com/Dsj41Rz.png)
|