Permalink
Find file
Fetching contributors…
Cannot retrieve contributors at this time
106 lines (69 sloc) 2.06 KB

What is this.

This is the Bootstrap3 based theme for Hugo.

Hugo :: A fast and modern static website engine

PC View

screenshot

SP View(Responsive)

screenshot

Features

  • Responsive design
  • Google Analytics
  • Thumbnail
  • Structured data(Article and Breadcrumb)
  • Twitter cards
  • OGP
  • Disqus
  • Syntax Highlight
  • Menu

Installation

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

Hugo - Installing Hugo

config.toml example

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

googleAnalytics = "UA-XXXXXXXX-XX" # Optional
disqusShortname = "XYW"

[params]
  dateformat = "Jan 2, 2006" # Optional

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`
+++

Header menu

Hugo - Menus

Shortcodes

Image

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

screenshot

Clear

Break float.

{{% img src="images/image.jpg" class="right" %}}

brabrabra # Displayed left of the image.

{{% clear %}}

brabrabra # Displayed below of the image.

Development mode

Supported development mode.

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

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.