Giter Club home page Giter Club logo

hugo-ink's Introduction

Ink

Crisp, minimal personal website and blog theme Hugo. Forked from Ezhil.

Demo

View demo Screenshot

Features

  • Google Analytics integration
  • Syntax highlighting
  • Twitter cards and opengraph tags support
  • Disqus comments
  • RSS feeds
  • Custom CSS/JS
  • Multilingual months support

Installation

cd into your hugo site's root directory and:

cd themes
git clone https://github.com/knadh/hugo-ink.git

For more information read the official setup guide of Hugo.

Content type

You can specify content type with field type in your content. For example static pages can be set as type page which are excluded from recent posts and all posts page. You can use site params mainSections and disableDisqusTypes to control which page types are excluded from recent posts and Disqus comments respectively.

---
title: "About"
date: 2019-04-19T21:37:58+05:30
type: "page"
---

This is some static page where you can write about yourself.

Language Settings for the month

Due to the currently unavailable feature for multilingual dates in .Date from Go. It is possible to create a month.yaml in the data folder of your Hugo site root directory. There is also an example file in exampleSite/data/.

cat > month.yaml << EOF
1: "Jan"
2: "Feb"
3: "Mar"
4: "Apr"
5: "May"
6: "Jun"
7: "Jul"
8: "Aug"
9: "Sep"
10: "Oct"
11: "Nov"
12: "Dec"
EOF

Credits

Licensed under the MIT license.

hugo-ink'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

hugo-ink's Issues

Show example of how the twitter cards work

The features at the readme say "Twitter cards and opengraph tags support" but it's unclear to me how they are used.

Currently I include my images with markdown and the twitter card doesn't show the images

Sticky navbar

Please add the option to make the navbar sticky, or make it default.

Thanks!

Toggling of Dark-light is not working

I just created a new hugo site and cloned ink in theme i copied all examples into my main site and run the hugo serve the mode=auto when i click on the toggle the page is not changing the mode

Switch code syntax highlight with dark or light mode

I would like to be able to switch colorschemes when switching from dark mode to light mode.
For example when in light mode we would have:

pygmentsStyle = "monokailight"

and in dark mode:

pygmentsStyle = "monokai"

Don't know if this is already possible.
Thank you!

Can't have tag and the name of the post same

#20 breaks the rendering if I have a post with the same name as of the tag.

example:

I have a post named background.md and on another post I have a tag as 'background', I get into error such that:

❯ hugo server -D
Start building sites …
Built in 26 ms
Error: Error building site: failed to render pages: render of "term" failed: "workspace/blog/themes/hugo-ink/layouts/_default/term.html:11:16": execute of template failed: template: _default/term.html:11:16: executing "_default/term.html" at <.Site.GetPage>: error calling GetPage: page reference "/background" is ambiguous

Can I change the code style?

I want to highlight and change my code style in the blog. Where is the CSS that controls the code style store?

Post snippet render special characters

Hi, I was wondering if anyone is having problem with the snippet of text in the post listing page where words such as couldn't can't properly be parsed and end up showing as couldn&rsquo;t.

Feature: Display Author and Tag list in post list

It will look good if we display Author and Tag in each item in the Post list

Logic
Author: If the author is provided on a page, display when it's listed in the post list, if not we can omit it
Tags: list all the stages for the page.

Where to display?
After header and subheading one more line and display both.

Markdown isn't rendered in post previews on the homepage

It'd be great if we can render markdown in previews of posts on the homepage, so we don't get raw markdown showing up on the homepage like so
Screen Shot 2020-08-23 at 1 34 40 PM
If you change the .RawContent to .Content directives in layouts/index.html like so

<span class="description">
	{{ if isset .Params "description" }}
		{{ .Description }}
	{{ else if gt (len .RawContent) 120 }}
		{{ slicestr .Content 0 120 }}...
	{{ else }}
		{{ .Content }}
	{{ end }}
</span>

The content renders with the HTML elements, which isn't exactly ideal either
Screen Shot 2020-08-23 at 1 48 09 PM

Thanks for creating this beautiful theme!

The theme is currently not very useable for Europeans (GDPR)

The GDPR makes it very difficult for bloggers to use third-party sites on there websites.
It would be great to change the following things:

  • Don't use the fonts via third-party site, use the fonts local instead
  • Instead of feathercdn which is also third-party, use a local font like FontAwesome
  • It should be possible to disable any other third-party function, as is the case with Disqus

That are some points that I was thinking about lately. Maybe there is some more todo, but this
is all I can remember now.

Request: Add thumbnail shortcut to post overview (start page)

I want to use this theme for a sort of food blog for products and recipes. In the posts themselves I can add images. But in the post overview, the user doesn't see any type of visual guide as on what to expect.

Some quick mockups:

Current design
Bildschirmfoto 2021-01-20 um 21 02 21


Thumbnail in place of the date/year
Bildschirmfoto 2021-01-20 um 21 01 15


Thumbnail in addition to the date/year
Bildschirmfoto 2021-01-20 um 21 01 37

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.