No description, website, or topics provided.
HTML CSS
Latest commit 30ef42a Feb 13, 2017 @dim0627 fix #12
Permalink
Failed to load latest commit information.
images build Oct 4, 2016
layouts fix #12 Feb 13, 2017
static/images build Oct 4, 2016
.gitignore Change css path to absolute path. Jan 6, 2015
LICENSE.md build Oct 4, 2016
README.md readme Oct 17, 2016
theme.toml add repository url Oct 17, 2016

README.md

What is this.

This is the theme for Hugo that supports the Accelerated Mobile Pages Project.

Hugo :: A fast and modern static website engine

PC View

screenshot

SP View(Responsive)

screenshot

Article footer

screenshot

AMP supported

screenshot

Features

  • Accelerated Mobile Pages Project a.k.a AMP supported
  • Responsive design
  • Google Analytics
  • Thumbnail
  • High score by Google Page Speed Insight.
  • Share button
  • Structured data(Article and Breadcrumb)
  • Twitter cards
  • OGP
  • Specializing in SEO

Installation

$ cd themes
$ git clone https://github.com/dim0627/hugo_theme_aglaus.git

Hugo - Installing Hugo

config.toml example

baseurl = "https://example.com/"
title = "SiteTitle"

googleAnalytics = "UA-XXXXXXXX-XX" # Optional

[params]
  dateformat = "Jan 2, 2006" # Optional
  ampscripts = """ # Optional, scripts for AMP.
<script async custom-element="amp-twitter" src="https://cdn.ampproject.org/v0/amp-twitter-0.1.js"></script>
<script async custom-element="amp-iframe" src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js"></script>
<script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>
"""

Frontmatter example

+++
date = "2016-09-28T17:00:00+09:00"
title = "Article title here"
thumbnail = "images/thumbnail.jpg" # Optional, referenced at `$HUGO_ROOT/static/images/thumbnail.jpg`
+++

Shortcodes

Iframe

{{% iframe src="https://www.youtube.com/embed/XXXXXXX" w="560" h="315" %}}

Image

{{% img src="images/image.jpg" w="600" h="400" %}}
{{% img src="images/image.jpg" w="600" h="400" class="right" %}}
{{% img src="images/image.jpg" w="600" h="400" class="left" %}}
{{% img src="images/image.jpg" w="600" h="400" caption="Referenced from wikipedia." href="https://en.wikipedia.org/wiki/Lorem_ipsum" %}}

screenshot

Clear

Break float.

{{% img src="images/image.jpg" w="600" h="400" class="right" %}}

brabrabra # Displayed left of the image.

{{% clear %}}

brabrabra # Displayed below of the image.

Twitter

{{% twitter tweetid="780599416621297xxx" %}}

Development mode

Supported development mode.

env HUGO_ENV="DEV" hugo server --watch --buildDrafts=true --buildFuture=true -t aglaus

This mode is

  • Not show Google Analytics tags.
  • Show IsDraft.
  • Show WordCount.

And set {{ if ne (getenv "HUGO_ENV") "DEV" }} Set elements here. {{ end }} if you want to place only in a production environment.

Colorscheme