Giter Site home page Giter Site logo

laytonlee / ink-free Goto Github PK

View Code? Open in Web Editor NEW

This project forked from chollinger93/ink-free

0.0 0.0 0.0 2.99 MB

Crisp, minimal personal website and blog theme Hugo, designed for a collaborative, open-source, privacy conscious blog.

License: MIT License

JavaScript 14.20% CSS 31.85% HTML 53.95%

ink-free's Introduction

Ink-Free

"Example" Minimum Hugo Version License: MIT

Crisp, minimal personal website and blog theme Hugo, designed for a collaborative, open-source, privacy conscious blog.

Forked from knadh with custom adjustments. Originally forked from Ezhil.

Ink-Free vs Hugo-Ink

This repository is a purely local (i.e., no CDNs1), simplified version of hugo-ink with several simplifications for the sake of privacy:

  • Removed all references to Google's font-CDN
  • Removed Analytics code, even if it was controlled by a variable

As well as some additional features:

  • Added a Back button to all posts

  • Added a Table of Contents (TOC), controlled by a variable, to all posts

    • The TOC can either be static at the top
    • Or floating on the side
  • Added a word count, tags, and an approximate read time to the overview

  • Added random footer messages

  • Added "Edit this on GitHub" button

  • Added inlineimg shortcode to render images (e.g. SVGs) in-line

  • Added support for ![](image title="title") syntax for image titles

  • Random, somewhat humorous messages at the end of each post

And some bugfixes:

  • Modified the CSS to
    • Order all tags inline, as opposed to as a list
    • Change the background color for Syntax Highlighting, otherwise we're looking at grey code on a grey background
    • Added some classes for a Back button

Demo

Overview

Screenshot

image-20230620151830930

Table Of Contents Options

Floating

image-20230620114414684

Static

image-20230620151300448

Both

image-20230620151006141

Truncated

image-20230620151110164

Mobile

image-20230620151645609

Run the example

cd exampleSite
hugo serve  --themesDir ../..

Features

  • Syntax highlighting
  • RSS feeds
  • Custom CSS/JS
  • Multilingual months support
  • Custom TOC
  • In-Line images w/ Titles
  • Random footer messages
  • "Edit this on GitHub" button
  • Word count, tags, and an approximate read time in the overview

Installation

cd into your hugo site's root directory and:

cd themes
git submodule add https://github.com/chollinger93/ink-free 

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 directoy. 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

License

Licensed under the MIT license.

Footnotes

  1. Note that the Feather CDN can still be enabled, but you can also host it statically. โ†ฉ

ink-free's People

Contributors

vividvilla avatar chollinger93 avatar knadh avatar cgiacomi avatar fteem avatar user00265 avatar datacobra avatar mr-karan avatar darugnaa avatar arestivo avatar athul avatar boratanrikulu avatar destynova avatar rhnvrm avatar rossburton avatar directed-graph avatar

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.