keichi / vienna Goto Github PK

View Code? Open in Web Editor NEW

44.0 7.0 39.0 2.44 MB

Simple and clean blog theme for hugo

License: MIT License

HTML 63.31% CSS 36.69%

vienna's Introduction

Vienna

Overview

Vienna is a simple and clean blog theme for Hugo. Notable features are:

Simple and clean design
Client side source code highlighting
Social links (Twitter, Facebook, GitHub, LinkedIn, Instagram, Keybase)
Support for tags
Analytics with Google Analytics or Mixpanel
Responsive design
Font Awesome icons

Installation

In your hugo site directory, run:

$ mkdir themes
$ cd themes
$ git clone https://github.com/keichi/vienna

Vienna is also included in the spf13/hugoThemes repository.

Configuration

You may specify following options in config.toml of your site to make use of this theme's features.

baseurl = "Your site URL"
languageCode = "en-us"
title = "Your site title"
# Copyright notice. This is displayer in the footer.
copyright = "&copy; Copyright notice"

[params]
    # Social accounts. Link to these accounts are displayed in the header and
    # footer.
    twitter = "Your Twitter username"
    github = "Your GitHub username"
    gitlab = "Your GitLab username"
    linkedin = "Your LinkedIn username"
    googleplus = "Your Google+ user id"
    facebook = "Your Facebook username"
    reddit = "Your Reddit username"
    hackernews = "Your Hacker News username"
    stackoverflow = "Your Stackoverflow user id (number)"
    keybase = "Your keybase.io username"
    instagram = "Your Instagram username"
    # Disqus shortname
    disqus = "Your disqus shortname"
    # Google Analytics API key.
    ga_api_key = "Your Google Analytics tracking id"
    # Mixpanel API key.
    mixpanel_api_key = "Your Mixpanel API key"
    author = "Your Name"
    avatar = "/path/to/avatar"
    contact = "Your contact link (ex. mailto:[email protected])"
    bio = "Your short bio"
    # Short subtitle/tagline. This is displayed in the header.
    subtitle = "Short subtitle/tagline of your blog"
    themecolor = "#hexcolor" # Defines the tab color in Chrome for Android.

You may specify following options in front matter of your posts to make use of this theme's features.

noshowdate = true # This will ensure that the date is not printed

Usage

Use hugo's -t vienna or --theme=vienna option with hugo commands. Example:

$ hugo server -t vienna -w -D

vienna's People

Contributors

Stargazers

Watchers

vienna's Issues

Disqus comments

I see you added Disqus support here but i can't seem to get it to work.

I added a DisqusShortname = "xxx" to my config.toml file, but none of that script gets written out to the page. Any tips for getting it to work?

Horizontal scrolling is present when displayed on mobile devices

Tags pages missing / not created?

I'm a new Hugo user. Spent one evening setting up my blog, so not much actual experience. It's up and running, but the claimed "support for tags" seems sketchy. When I add an array of tags to a post, I see the tags listed at the top of the post. That's good. However, the tags link to a nonexisting $BASEURL/tags/someTag path. Doesn't seem to be any matching folder or files. Is there something obvious I'm missing?

A quick search of the repo suggests that "tags" are referenced in layouts/_default/single.html and layouts/partials/header.html. No evidence of anything that looks like a "list of all posts for this tag" generator.

Pinging @ethanmad , since it seems like this repo is mostly dead and I see you active on some of the issue threads.

«/» vs. ←/→

On the "Read More" buttons we have the &raquo arrow. On the pagination we have the &raquo and &laquo arrows. On the post pages we have the &larr and &rarr for newer and older. Should we be consistent and switch those to the &raquo/&laquo as well? What do you think?

Header background isn't relative to site baseURL

If your site is not at the root, then the background doesn't work.

Demo

Where's the demo link?

Next/previous pagination reversed

In the layouts/_default/single.html file the previous and next buttons are reverse. Clicking next leads to the previous one and vice versa.

The code needs to swapped for both buttons.

Lines 67 - 75.