Giter Site home page Giter Site logo

nanxstats / hugo-renga Goto Github PK

View Code? Open in Web Editor NEW
22.0 6.0 3.0 1.06 MB

A Bootstrap-based minimalist theme for Hugo/blogdown.

Home Page: https://nanx.me/hugo-renga/

License: MIT License

HTML 75.33% CSS 22.15% JavaScript 2.52%
hugo-theme minimalistic-theme bootstrap4 hugo blogdown

hugo-renga's Introduction

Renga

Live Preview

Renga is a Bootstrap-based minimalist theme for Hugo.

The Renga theme offers a balance between minimalism and flexibility. Users can publish new content quickly with simple Markdown, or construct complex pages by writing HTML with Bootstrap 4, thus suitable for building personal websites that feature both porfolio pages and blog.

Renga is inspired and based on the Hugo themes alaGeek and Cocoa.

Features

  • Minimalist
  • Responsive & mobile-first (Bootstrap 4)
  • Native font stack
  • High Contrast
  • Math typesetting (MathJaX)
  • Syntax highlighting (highlight.js)
  • Progressive image loading (progressively.js)
  • Disqus
  • Google Analytics
  • Open Graph meta tags
  • Twitter Cards meta tags

Screenshots

Home

screenshot-home

Bootstrap page

screenshot-page

Blog list

screenshot-blog-list

Blog post

screenshot-blog-post

Installation

Inside the folder of your Hugo site run:

git submodule add https://github.com/nanxstats/hugo-renga.git themes/hugo-renga

For more information read the official setup guide of Hugo.

The config file

Copy the config.toml from this themes exampleSite to your Hugo site or use it as a reference.

See also

The blog-oriented theme Tanka.

License

This theme is released under MIT.

hugo-renga's People

Contributors

antoinesoetewey avatar nanxstats avatar

Stargazers

 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-renga's Issues

Table of contents not working

I am using this theme and want to create a table of contents. I have edited my single.html and this is what it looks like

{{ define "main" }}
    {{ partial "header" . }}

    <div class="content">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-sm-12 col-md-10">
                    <h1 class="mx-0 mx-md-4">{{ .Title }}</h1>
                    <div class="markdown">
                        {{ partial "content" . }}
			{{ if .Params.toc }}
				{{ .TableOfContents }}
			{{ end }}
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{ partial "footer" . }}
{{ end }}

However the table of contents is not showing for the articles. Please help.

Invalid RSS feed

Hello,

First, thank you for this template!

I have a question regarding the RSS feed:

  • According to this feed validator, my RSS feed does not seem to be a valid one. Does anyone know how to fix this issue?

This issue prevents me from using Mailchimp and submitting my blog to r-bloggers.com.

Thanks in advance for your help!

Best,
Antoine

Issue in the layouts

Hey!

I am trying to push the modifications to the github but keep running into this error.
Not sure why this is happening.

The value '{}' was passed to a date-related filter that expects valid dates in /_layouts/default.html or one of its layouts.

My repository is here.

Any help is greatly appreciated.

Image disappearing when adding alt text

Hello,

When using ![hello world](/blog/hello-world_files/0_IgplTZ-Oei_y-uBc.jpeg){width=100%} the image does not appear (only the caption appears).

However, when using ![](/blog/hello-world_files/0_IgplTZ-Oei_y-uBc.jpeg){width=100%} the image appears.

Here is the corresponding blog post and the code.

Any idea how to fix that? This issue is quite recent as I wrote several blog posts using alt text and the image appeared fine.

Thanks in advance for your help.

Logo image not showing up on mobile

Hi. First, thanks for the theme, I'm really enjoying using it.

I noticed that the logo image is not showing up on my website when accessed via mobile. In fact, the same is true for your personal website (https://nanx.me/). Is this intended? If so, is there a way to "bypass" such feature?

Thank you again! Cheers

Migrate from UA to GA4

Dear Nan,

Universal Analytics will no longer process new data in standard properties beginning July 1, 2023.

Therefore, I created a GA4 tag and inserted it in my config.toml (as you can see here). However, it doesn't seem to work since there is no data on my GA dashboard.

Is there anything else I need to do to switch from UA to GA4?

Thanks in advance for your help!

Theme up to date?

Hello,

I have seen that you updated the file layouts/_default/baseof.html last year : 16be724

I am wondering, will you also do it for further versions or you don’t expect to update the theme anymore?

Regards,
Antoine

Tag visibility in blog posts?

Hi Nan! First off, thanks so much for building and sharing this template; I really like the style and I'm using it to rewrite my own personal website in blogdown.

As I'm doing so, I noticed that the ability to view a post's tags (specified via a post's tags field) after the "X minute read" seems to be available based on your screenshot here:

image

However, it looks like your live demo website, personal website, and my versions don't allow for it. I'm new to building websites and can't seem to figure out how to enable tags -- where could I start, or is this something not allowed anymore in your Renga template?

Related content

Dear,
I would like to add 5 related articles at the end of each article. Is it possible?
Best,
Antoine

No image when sharing on twitter

Dear,

I have been using your theme for my blog (www.statsandr.com) for almost a year now.

I am very satisfied with it, but I have one issue regarding twitter.

When I share a blog post on twitter there is no image. See my twitter profile (https://twitter.com/statsandr) or the screenshot attached to see what I mean.

I don't have this issue when sharing the post on Facebook.

Is there anything I can do to fix this issue?

Thanks in advance for your help.

Regards,
Antoine

image

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.