Giter Site home page Giter Site logo

hugo_theme_robust's Introduction

This theme is maintained by Ress.

What is this.

This is the grid based theme for Hugo.

Hugo :: A fast and modern static website engine

You need the Hugo extended version.

PC View

screenshot

SP View(Responsive)

screenshot

Features

  • Accelerated Mobile Pages Project a.k.a AMP supported
  • Responsive design
  • Google Analytics
  • Thumbnail
  • Share button
  • Structured data(Article and Breadcrumb)
  • Twitter cards
  • OGP
  • Disqus
  • Syntax Highlight
  • Show IsDraft.

Installation

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

Hugo - Installing Hugo

config.toml example

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

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

[params]
description = "This is site description"
dateformat = "Jan 2, 2006" # Optional
# Fonts settings.
googlefonts = "https://fonts.googleapis.com/css?family=Lobster|Lato:400,700" # Optional, Include google fonts.
fontfamily = "Lato,YuGothic,'Hiragino Kaku Gothic Pro',Meiryo,sans-serif" # Optional, Override body font family.
logofontfamily = "Lobster, cursive" # Optional, Override logo font.

enableHighlight = true # highlight.js option

[params.author]
thumbnail = "images/author.jpg"
name = "John Doe"
description = "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit</p><p>sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>"
facebook = "https://www.facebook.com/daisuke.tsuji.735"
twitter = "https://twitter.com/dim0627"
github = "https://github.com/dim0627"

[outputs]
page = [ "HTML", "AMP" ] # if you want AMP enable.

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`
toc = true # Optional
+++

Shortcodes

Image

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

screenshot

Development mode

Supported development mode.

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

This mode is

  • Not show Google Analytics tags.
  • Show WordCount.

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

hugo_theme_robust's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

hugo_theme_robust's Issues

Images missing max-width property

Hello yet yet again:)

I've stumbled upon the very same issue as the dim0627/hugo_theme_beg#19, only part of the image visible on the screenshot where whole should be:

image

Source code:

![Shinken simple distributed architecture](https://shinken.readthedocs.io/en/latest/_images/shinken-architecture.png)

Menu option

Really nice template.

Is it possible to add a menu option at the top - to the right?

Eric

Robust Theme Demo is broken on the Hugo Themes website

Hi @dim0627

When I test your theme with the Build Script i get the following console ERROR:

 ==== PROCESSING  robust  ====== 
Building site for theme robust using config "config-robust.toml" to ../themeSite/static/theme/robust/
ERROR 2018/11/09 16:13:55 render of "page" failed: execute of template failed: template: _default/single.html:37:7: executing "main" at <partial "sidebar.htm...>: error calling partial: "/hugoThemes/robust/layouts/partials/sidebar.html:6:14": execute of template failed: template: partials/sidebar.html:4:7: executing "partials/sidebar.html" at <partial "author.html...>: error calling partial: "/hugoThemes/robust/layouts/partials/author.html:6:14": execute of template failed: template: partials/author.html:6:14: executing "partials/author.html" at <.thumbnail>: can't evaluate field thumbnail in type string
FAILED to create demo site for robust

It seems that you need to provide your own Example Site with a config that has the specified parameters required by your partial.

Can you have a look and let me know?

Thanks

CC / @digitalcraftsman

Intergrate facebook comment

Hi Author.
I am using disqus comment on hugo_theme_robust by use disqusShortname in config.toml, but till tody disqus seem not working. I wonder how can i intergrate facebook comment instead disqus.
many thanks.

single_json_ld.htmlのエスケープシーケンスの問題

config.tomlでtitleに'を含む文字列を設定すると、以下のようなld+jsonが出力されます。

config.toml:

title = "zzzmisa's blog"

index.htmlのld+json:

  {
    ...
    "headline": "Emoji Support - zzzmisa\x27s blog",
    ...
  }

\x27の部分が、Google Search Consoleでは「文字列中に無効なエスケープ シーケンスがあります」というエラーになってしまいます(エラーの確認はGoogle 構造化データ テストツールでできます)。

ちなみに少し前にビルドした時はzzzmisa&#39;s blogと出力されて、エラーにはなっていませんでした。
以前も似たような問題があったみたいですが、最近また問題が復活したのでしょうか...?

Disqus not working

Using the theme, I get an issue with Disqus stating that
"We were unable to load Disqus. If you are a moderator please see our troubleshooting guide.".

Having searched for help, solution seems quite straightforward:
https://discuss.gohugo.io/t/disqus-unable-to-load/6519
and I was willing to test locally the changes of the two variables to absolute path.

But I did first a git update on Robust repo, and now I cannot find anymore these variables, which used to be in the _partials/.../single.html file.
I do not understand how you embed Disqus in this new version, but I'm still facing the same issue, shown here:
https://www.dropbox.com/s/a573otoq6ctqb1u/Screenshot%202017-05-31%2015.56.23.png?dl=0

AMP issue: Images

Hello,

I've been testing your theme and it is really a great theme. Congratulations for developing it. Almost everything is working fine except images in AMP. Whenever I paste the shortcode thinking images will be rendered separately as < img ....> and < amp-img ... >, however, that doesn't happen. It only renders the image as < img ...> in both regular and AMP pages.

Please help me fix that.

Not working with the latest version

I think that this theme is wonderful.
Thank you!

I tried to build with HUGO version 0.42.2.
However, in the "LATESTS" part of the sidebar, all pages of the tag etc. are output.
Is the version too new?

`link rel=canonical`のタグが2重で出力されている

AMP出力を有効にした場合、AMPページでlink rel="canonical"のタグが2重で出力されています。
これだと、Google Search ConsoleでAMPエラーになります。
以下はhugoBasicExampleで試した結果です。

public/amp/about/index.html:

...
<link rel="canonical" href="https://gohugo.io/amp/about/">

<link rel="canonical" type="text/html" href="https://gohugo.io/about/" title="Hugo Themes">
...

Social icons & Disqus

Hi
Noticed that the social icons have also disappeared. Is it possible to have them configurable to enable after each post (bottom) and on the main page - right hand side?

I enabled disqus but this is not being displayed. Not sure why.

Error building site

I get this error when I try to build the site -

ERROR 2017/04/14 11:56:53 Error while rendering "taxonomyTerm": template: C:\Projects\hugo\site\themes\hugo_theme_robust\layouts_default\terms.html:16:48: executing "C:\Projects\hugo\site\themes\hugo_theme_robust\layouts\_default\terms.html" at <partial "styles.css"...>: error calling partial: Partial "styles.css" not found
ERROR 2017/04/14 11:56:53 Error while rendering "home": template: C:\Projects\hugo\site\themes\hugo_theme_robust\layouts_default\list.html:16:48: executing "C:\Projects\hugo\site\themes\hugo_theme_robust\layouts\_default\list.html" at <partial "styles.css"...>: error calling partial: Partial "styles.css" not found
ERROR 2017/04/14 11:56:53 Error while rendering "page": template: C:\Projects\hugo\site\themes\hugo_theme_robust\layouts_default\single.html:16:48: executing "C:\Projects\hugo\site\themes\hugo_theme_robust\layouts\_default\single.html" at <partial "styles.css"...>: error calling partial: Partial "styles.css" not found
ERROR 2017/04/14 11:56:53 Error while rendering "404": template: C:\Projects\hugo\site\themes\hugo_theme_robust\layouts\404.html:16:48: executing "C:\Projects\hugo\site\themes\hugo_theme_robust\layouts\404.html" at <partial "styles.css"...>: error calling partial: Partial "styles.css" not found

Is there a workaround?

Problem with `.AlternativeOutputFormats` in single.html

I'm on the latest Hugo release (0.21) and when I tried to build a site the .AlternativeOutputFormat section of code threw errors like:

ERROR: 2017/05/30 14:53:51 general.go:236: Error while rendering "page sample.md": template: C:\mysite\themes\hugo_theme_robust\layouts\_default\baseof.html:4:13: executing "meta" at <.AlternativeOutputFo...>: can't evaluate field AlternativeOutputFormats in type *hugolib.Page

Once deleted, things worked fine.

Looking at Hugo's code, it suggests this shouldn't be used on a single page.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.