Coder Social home page Coder Social logo

hugo-sid / hugo-blog-awesome Goto Github PK

View Code? Open in Web Editor NEW
372.0 4.0 144.0 2.33 MB

Fast, minimal blog with dark mode support.

Home Page: https://hba.sid.one

License: MIT License

CSS 5.37% JavaScript 1.51% SCSS 14.72% HTML 77.55% Dockerfile 0.85%
hugo hugo-blog hugo-blog-theme hugo-theme blogging

hugo-blog-awesome's Introduction

Hugo blog awesome logo

Hugo Blog Awesome | Demo link

⚑ Fast | πŸ“° Clean UI | πŸŒ™ Dark mode support | πŸ“± Responsive design

Screenshots

Dark mode Light mode
Dark mode Light mode
Page speed score (click to expand)

Page speed score

The result shown above was last confirmed on September 23, 2023. You can check the details of the PageSpeed test at this link: Link to the analysis. You can also do a live PageSpeed test of the demo website now.

Features

  • Minimal design
  • Light and dark mode
  • Syntax highlighting
  • RSS feed
  • No jQuery, no Bootstrap
  • 100/100 Google PageSpeed Insights score on all 4 metrics

Why this theme?

Hugo Blog Awesome (HBA) is a theme crafted to capture your readers' attention.

Additionally, it's fast, privacy-conscious, and comes with no external dependencies. That's right. There are no Google fonts, icon packs, or JavaScript frameworks. No trackers or ads to bloat your website.

Its focus on minimalism and clean UI ensures that your content takes the spotlight. This, coupled with the support for dark mode, provides a stress-free (on the eyes) reading experience for your audience.

Built with Hugo, SCSS, and vanilla JavaScript.

Setup

Note You must have the Hugo extended version installed in order to use this theme. This theme uses Sass for styling. With the Hugo extended version, Sass can be transpiled to CSS without any additional tools.

Using the theme as Hugo module

First create a new Hugo site by running the following command:

hugo new site myblog

Initialize your new Hugo site as hugo module by running the following command:

hugo mod init github.com/USER/REPO

Afterwards, run this command to add hugo-blog-awesome as module to your site:

hugo mod get github.com/hugo-sid/hugo-blog-awesome

To make use of the theme, add this module configuration to your site's hugo.toml:

[module]
  [[module.imports]]
    path = "github.com/hugo-sid/hugo-blog-awesome"

To preview the theme with example content, run the following command from the exampleSite directory:

hugo server

Using the theme as Git submodule

To create a new Hugo site with this theme as Git submodule, run the following command:

hugo new site myblog

Then, clone this repository into the themes directory of your new site:

cd myblog
git clone https://github.com/hugo-sid/hugo-blog-awesome.git themes/hugo-blog-awesome

To preview the theme with example content, run the following command from the exampleSite directory:

hugo server --themesDir ../..

To use this theme, set the theme variable in your site's hugo.toml to hugo-blog-awesome:

theme = "hugo-blog-awesome"

Configuration

You can take a look at the hugo.toml file in the exampleSite directory for an example configuration. It is recommended that you copy the hugo.toml file from the exampleSite directory to the root directory of your Hugo site. You can then edit the hugo.toml file to suit your needs.

Adding favicon

I used realfavicongenerator.net to generate the favicons. You can place the resulting files in the assets\icons folder. That should get your favicon working.

If you want to customize anything further, you can modify layouts\partials\head.html.

Adding Social icons

Social icons can be added by configuring hugo.toml file in the following manner.

[[params.socialIcons]]
name = "github"
url = "https://github.com/hugo-sid"

[[params.socialIcons]]
name = "twitter"
url = "https://twitter.com"

[[params.socialIcons]]
name = "Rss"
url = "index.xml"
List of available icons (click to expand)
Name Platform
123rf 123rf.com
adobestock stock.adobe.com
applemusic music.apple.com
behance behance.net
bilibili bilibili.com
bitcoin -
bluesky bsky.app
buymeacoffee buymeacoffee.com
codepen codepen.io
cryptohack cryptohack.org
ctftime ctftime.org
cv -
deezer deezer.com
dev dev.to
discogs discogs.com
discord discord.com
dreamstime dreamstime.com
dribbble dribbble.com
email -
facebook facebook.com
flickr flickr.com
freepik freepik.com
gitea gitea.io
github github.com
gitlab gitlab.com
goodreads goodreads.com
googlescholar scholar.google.com
guruShots gurushots.com
hackerone hackerone.com
hackerrank hackerrank.com
hackthebox hackthebox.eu
instagram instagram.com
itchio itch.io
kaggle -
kakaotalk kakaocorp.com/service/KakaoTalk
key -
keybase keybase.io
kofi ko-fi.com
komoot -
lastfm last.fm
letterboxd -
liberapay liberapay.com
linkedin linkedin.com
mastodon mastodon.social
matrix matrix.org
medium medium.com
monero -
mixcloud mixcloud.com
nuget nuget.org
paypal paypal.com
peertube -
pgp -
phone -
ploywork ploywork.com
qq qq.com
reddit reddit.com
researchgate researchgate.net
rss -
serverfault serverfault.com
soundcloud soundcloud.com
shutterstock shutterstock.com
signal signal.org
slack slack.com
snapchat snapchat.com/add
spotify spotify.com
stackoverflow stackoverflow.com
stackshare stackshare.io
steam steampowered.com
strava strava.com
telegram telegram.org
tiktok tiktok.com
twitch twitch.tv
twitter (the blue bird logo) twitter.com
unsplash unsplash.com
x (formerly Twitter) x.com
xda xda-developers.com
xing xing.com
ycombinator ycombinator.com
youtube youtube.com
other -

If you are trying to add an icon that is not listed above, you can modify layouts\partials\svgs\svgs.html to include your icon (SVG). You are encouraged to submit your icon by creating a pull request, so that others can benefit.

Enable go to top button

To enable go to top button on blog posts, set goToTop to true in hugo.toml file.

[params]
  goToTop = true

Content

Posts

To create a new post, run the following command:

hugo new posts/my-first-post.md

Then, edit the my-first-post.md file to suit your needs.

Comments

To enable Disqus comments, set services.disqus.shortname in your site's hugo.toml.

To use another comments system, provide your own comments.html partial in layouts\partials\comments.html.

Contributing

Please read CONTRIBUTING.md.

Contributors

Thanks to these wonderful people for contributing to Hugo blog awesome:

Websites using this theme

If you are using this theme for any website, feel free to list the website here. You can submit a pull request (PR) to include your website.

Support

Don't forget to ⭐️ the repo if you liked this theme!

Buy Me a Coffee at ko-fi.com

Credits

The social icons are made possible thanks to Aditya Telange's hugo-PaperMod theme.

Thanks to piharpi for creating the Jekyll klise theme. It served as an inspiration to create this Hugo theme.

License

This theme is released under the MIT license. For more information read the License.

Stats

Visitors

Visitors

Star History

Star History Chart

hugo-blog-awesome's People

Contributors

boh717 avatar c-reetz avatar chrisxfire avatar colinmaudry avatar conradkun avatar cruizba avatar dandylyons avatar davidbthomp avatar deining avatar dieterbe avatar fmaida avatar gerrited avatar heckintosh avatar hugo-sid avatar jdmartinho avatar jmbhughes avatar joemphilips avatar joseph-scott-campbell avatar joshuaboniface avatar kirill-zak avatar kusyka911 avatar liamdalg avatar mattcen avatar michielvanderwinden avatar mikemoolenaar avatar rayjun0525 avatar renovate[bot] avatar rickvanprim avatar shammersdog avatar wildekek avatar

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

hugo-blog-awesome's Issues

RSS Feed Link is Broken on Posts

Describe the bug
The RSS Feed link at the bottom of posts 404s. The link works correctly on the /posts/ list and the home page.

Steps to reproduce
Tested with v1.13.0:

  1. Run the provided exampleSite.
  2. Click the RSS feed link on the home page (it works)
  3. Go to any post, e.g. /posts/table-of-content/
  4. Click the RSS feed link (it 404s)

Expected behavior
I don't know what the best behaviour is, in my case I overrode the footer partial with to disable the RSS link for posts:

// filepath: <root>/layouts/partials/footer.html
// ... snip
    <div class="footer_social-icons">
        {{- if .Page.IsPage -}}
            <!-- Remove RSS feed icon for pages -->
            {{- partial "socialIcons.html" (where site.Params.socialIcons "name" "!=" "Rss") -}}
        {{- else -}}
            {{- partial  "socialIcons.html" site.Params.socialIcons -}}
        {{- end -}}
    </div>
// snip ...

For the example site, it would make sense to link to the /posts feed, however in general I think there could be cases where a post appears in multiple feeds, so it might be unclear which is the best feed to pick. I'm a Hugo newbie so I don't know if this "ambiguous" feed thing is an actual possibility.

Device information
Windows 11
Hugo 0.121.1 installed via Chocolatey

homepage title bug

Describe the bug
The homepage title seems to be duplicated.

Steps to reproduce
Steps to reproduce the behavior:
What I did:

  1. install hugo.
  2. run the following command:
hugo new site myblog
cd myblog

Get the latest version of the theme:

git clone --depth=1 https://github.com/hugo-sid/hugo-blog-awesome.git themes/hugo-blog-awesome
  1. Delete the original file myblog\config.toml, copy myblog\themes\hugo-blog-awesome\exampleSite\config.toml to the myblog folder.
  2. No other code changes, directly run hugo server.
    My blog is running successfully on http://localhost:1313 .

Look up the title of the home page,It shows Awesome Hugo blog | Awesome Hugo blog.
html source code:

<title itemprop="name">Awesome Hugo blog | Awesome Hugo blog</title>

Expected behavior
I don't think this is the correct title,the correct title should be Home | Awesome Hugo blog

Light/Dark theme toggle doesn't work

Describe the bug
After having deployed the site, to a VPS via NGINX and testing I noticed that I was unable to toggle the theme. It seems to work locally when running hugo serve however when building and deploying this toggle is functionless. The main.min.generatedString.css file within the sass folder only shows the varient for dark-theme at the bottom, I'm not sure if this is expected. I've cleared my browser cache and opened the site in a private window so I know it's some kind of issue in the generation of the static files.

Following the guide in this repo, it doesn't seem like I have done anything incorrect in this config and install process.

Device information (please complete the following information):

  • OS: Windows 10
  • Browser: Firefox

Handling favicons

Hey Sid, awesome work on this template! I was wondering what the best way is to handle favicons, is that something you've already built in? Thanks, Phil

Use different var for meta author

I see here:

"name": "{{ .Site.Params.github }}"

That the JSON linked data uses Site.Params.github as the name of any given post's author. This means that, if this var is unset (which is likely, since the docs don't say to set it), there is no author name, and if it is set, it is set for all posts, even those which set a different author in their page metadata.

I think this should probably use per-page metadata if present, and fall back Site.Params.author.name. Does this seem reasonable?

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Other Branches

These updates are pending. To force PRs open, click the checkbox below.

  • chore(deps): update mcr.microsoft.com/vscode/devcontainers/javascript-node docker tag to v1

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

Detected dependencies

dockerfile
.devcontainer/Dockerfile
  • mcr.microsoft.com/vscode/devcontainers/javascript-node 0-18
github-actions
.github/workflows/pr-labeler.yml
  • eps1lon/actions-label-merge-conflict a4f3bd71c16f29387bb688d547800793b098f5cb
  • codelytv/pr-size-labeler v1.10.0@56f6f0fc35c7cc0f72963b8467729e1120cb4bed
.github/workflows/release.yml
  • google-github-actions/release-please-action v3.7.13@db8f2c60ee802b3748b512940dde88eabd7b7e01
.github/workflows/scorecard.yml
  • actions/checkout v4.1.7@692973e3d937129bcbf40652eb9f2f61becf3332
  • ossf/scorecard-action v2.3.3@dc50aa9510b46c811795eb24b2f1ba02a914e534
  • actions/upload-artifact v4.3.4@0b2256b8c012f0828dc542b3febcab082c67f72b
  • github/codeql-action v3.25.13@2d790406f505036ef40ecba973cc774a50395aac
.github/workflows/stale.yml
  • actions/stale v9.0.0@28ca1036281a5e5922ead5184a1bbf96e5fc984e
gomod
exampleSite/go.mod
  • go 1.22.0
go.mod
  • go 1.22.0

  • Check this box to trigger a request for Renovate to run again on this repository

Paginator error

Describe the bug

This issue is closely related to #170. I doubt whether the issue addressed there is fully resolved.

Steps to reproduce
Steps to reproduce the behavior:

git clone --single-branch -b hugo-module https://github.com/deining/hugo-blog-awesome
cd hugo-blog-awesome/exampleSite
hugo server

Site runs fine with hugo v0.122.0, but not with hugo v0.123.7

Expected behavior
Site should run fine both with hugo v0.122.0 and hugo v0.123.7

The issue can also be seen here.

feat: improvement in tag page

As of now, our tag page looks something like this.

image

I think it will be great, if we cover the number of articles corresponding to a tag and we should remove the date from the tags page as well. On the tags page, we can list tags in this manner <tag-name>(number)

Build fails due to old config of `twitter_simple` shortcode

Describe the bug
The "twitter_simple" shortcode, now requires two named parameters: user and id.
The example content needs to be updated to reflect this change.

Steps to reproduce
Steps to reproduce the behavior:
Use Hugo version 0.123.7 to preview/build the site (exampleSite).

Expected behavior
Tweets should be displayed without any error.

Device information
Any

Additional context
See the Netlify log corresponding to a failed deploy here.

Google Analytics not working

Describe the bug
The Google Analytics script is not injected to the <head> element of the build site.

Steps to reproduce

  1. Build the site (run hugo)
  2. Check public/index.html
  3. ctr-f gtag - nothing is found.

Expected behavior
The Google Analytics js script should be injected.

Device information (please complete the following information):

  • OS: MacOS (ARM)
  • Version: hugo v0.111.3+extended darwin/arm64 BuildDate=unknown
  • Theme latest commit: ce9f89b

Additional context

Moving googleAnalytics variable to the top of the config.toml seems to resolve the issue.

This does not work:

baseURL = 'example.com
languageCode = 'en-us'
title = 'Lorem Ipsum'
theme = 'hugo-blog-awesome'

[[params.socialIcons]]
name = "Rss"
url = "index.xml"

# To enable Google Analytics 4 (gtag.js) provide G-MEASUREMENT_ID below.
# To disable  Google Analytics, simply leave the field empty or remove the next line
googleAnalytics = 'G-MEASUREMENT_ID' # G-MEASUREMENT_ID

and this does inject:

baseURL = 'example.com
languageCode = 'en-us'
title = 'Lorem Ipsum'
theme = 'hugo-blog-awesome'
googleAnalytics = 'G-MEASUREMENT_ID' # G-MEASUREMENT_ID

[[params.socialIcons]]
name = "Rss"
url = "index.xml"

Should I open a PR?

Only working on server mode, building static breaks app

Describe the bug
I noticed that when running this with hugo --minify to build all the files statically will cause weird issues. The CSS files fail to get loaded into html.

Steps to reproduce

  1. Just run hugo --minify instead of setting up a server
  2. Open the index.html and check network tab, no css loads

Device information
Irrelevant

Posts paginator error, fails on hugo server --buildDrafts

Describe the bug
Seems like there is an error with the paginator, I'm new to using this theme and first time I encountered this issue.

Steps to reproduce
Steps to reproduce the behavior:

  1. create new posts with hugo new content command
  2. open development server with build draft posts with hugo server --buildDrafts
  3. throws an error
Error: error building site: render: failed to render pages: render of "page" failed: "C:\Users\orbet\Documents\GitHub\FNDev-Blogs\themes\hugo-blog-awesome\layouts\_default\baseof.html:3:8": execute of template failed: template: _default/single.html:3:8: executing "_default/single.html" at <partial "head.html" .>: error calling partial: "C:\Users\orbet\Documents\GitHub\FNDev-Blogs\themes\hugo-blog-awesome\layouts\partials\head.html:2:8": execute of template failed: template: partials/head.html:2:8: executing "partials/head.html" at <partial "meta/main.html" .>: error calling partial: "C:\Users\orbet\Documents\GitHub\FNDev-Blogs\themes\hugo-blog-awesome\layouts\partials\meta\main.html:2:3": execute of template failed: template: partials/meta/main.html:2:3: executing "partials/meta/main.html" at <partial "meta/post.html" .>: error calling partial: "C:\Users\orbet\Documents\GitHub\FNDev-Blogs\themes\hugo-blog-awesome\layouts\partials\meta\post.html:5:21": execute of template failed: template: partials/meta/post.html:5:21: executing "partials/meta/post.html" at <.Paginate>: error calling Paginate: pagination not supported for this page: kind: "page", path: "/posts/event-capture",

Expected behavior
Should properly serve with build drafts argument on dev server

Screenshots
The lines that causes the error inside themes\hugo-blog-awesome\layouts\partials\meta\post.html:
image

Device information

  • OS: Windows
  • Browser: Chrome/Edge
  • Version latest

Page width setting

Not sure if Im alone with this request, but a page width setting, in the best case in the configuration.toml would be great. Its a bit narrow especially on ultrawide displays and I dont really want to mess with the whole theme just for adjusting that.

Image and Emoji support + "Link 1" issue

Hey there, I have been using your template for my blog website: https://paddy-exe.github.io

Thank you for creating this :D

I have found several issues:

  1. enableEmoji: true in the md header does NOT actually activate Emoji support. Not really sure why
  2. I have no idea where I can put images to embed into the .md files. I have tried static, a post package folder with an img subfolder and none worked
  3. In the template, there is no way to change the "Link 1" and "Link 2" links except to go into the template itself and change it. Is this intended?

On the homepage, post dates wrap if post titles are too long

Describe the bug
On the homepage, post dates wrap if post titles are too long. This happens especially if the post titles are too long and you're browsing the website from a device with a small screen resolution - such as a mobile phone.

Steps to reproduce
Steps to reproduce the behavior:

  1. Create a new post or edit an existing one with a very long title
  2. See the homepage in a web browser
  3. Collapse the browser window to the minimum, or open the website on a mobile phone for example

This is an example of what I get. Please notice that post date wraps to the second line of text:

Home___Awesome_Hugo_blog-4

How I fixed this problem

I know this is not an elegant solution, but at the moment it's working.
I simply patched the source in layouts/partials/postCard.html by replacing this code:

<time class="post-item-meta" datetime="{{ dateFormat $ISO_date .Date }}">
    {{ time.Format $configDateFormat .Date }}
</time>

with this code that replaces normal spaces with non-breakable spaces:

<time class="post-item-meta" datetime="{{ dateFormat $ISO_date .Date }}">
    {{ $postDate := time.Format $configDateFormat .Date }}
    {{ strings.Replace $postDate " " "&nbsp;" | safeHTML }}
</time>

And now this is how the posts are now displayed on a single line:

Home___Awesome_Hugo_blog-3

You see, it's not the best solution in the world, so I was hoping that maybe you could find a better solution to this problem.

Best regards

RSS Template Errors Preventing Build

RSS template fails with multiple errors:

... render of "home" failed: ".../themes/hugo-blog-awesome/layouts/_default/rss.xml:22:17": execute of template failed: template: _default/rss.xml:22:17: executing "_default/rss.xml" at : can't evaluate field LanguageCode in type *langs.Language

Hugo gives the same error for render of "taxonomy" and "term". The errors do not occur with version 1.2.0 of the theme, which is the only older version I have tested.

Theme is latest version pulled via git. Hugo is v0.111, the latest available on Ubuntu via Snap.

why after build the website, gen the file resources/_gen/assets/scss/sass/main.scss_a4b227022dfae4b28843e276c7e6b126.content

after I run the hugo
it generate the resources/_gen/assets/scss/sass/main.scss_a4b227022dfae4b28843e276c7e6b126.content resources/_gen/assets/scss/sass/main.scss_a4b227022dfae4b28843e276c7e6b126.json

It is a bug ? I don't want to add the two file to the git

hugo 

git status
public/   
resources/_gen/assets/scss/sass/main.scss_a4b227022dfae4b28843e276c7e6b126.content
resources/_gen/assets/scss/sass/main.scss_a4b227022dfae4b28843e276c7e6b126.json

hugo-blog-awesom verson is

  • main aa7630b [origin/main] ci: update Hugo version for Netlify builds

Long inline code does not break line

Describe the bug
A clear and concise description of what the bug is.

Steps to reproduce
Write long inline code

Expected behavior
If inline code is long, it should break line.

Screenshots
image

Thank you!

Inconsistent appearance of inline code, in lists, in light theme

Discussed in #154

Originally posted by bernardolago December 17, 2023
hi everyone

when using the dark theme, inline code works fine. when using the light theme, if as inline code is inside either a heading or a list, the colors don't change from default text color (text color and background), just the font changes. any thoughts?

Date on post is not following dateFormat

Describe the bug
dateFormat from config is not implemented everywhere

Steps to reproduce
Steps to reproduce the behavior:

  1. Set dateFormat = "2006-01-02"
  2. Open posts page (all dates in 2006-01-02 format)
  3. Open any post
  4. Date is in 2 Jan 2006 format

Expected behavior
Dates everywhere in 2006-01-02 format

Screenshots
If applicable, add screenshots to help explain your problem.
Screenshot from 2024-03-11 15-26-43
Screenshot from 2024-03-11 15-27-21

Device information

Additional context
Add any other context about the problem here.

Toggle light/dark doesn't work with web server

Describe the bug

I have checked #16 and my baseUrl is fine :)

The toggle works when I run the blog with hugo server.

It doesn't when I generate the static files with hugo and run the site with an HTTP server (nginx or http-server node module).

I could reproduce with the example site.

My website is deployed here: https://colin.cafe/#

The source code is here: https://github.com/ColinMaudry/colin.cafe

hugo version
hugo v0.111.3-5d4eb5154e1fed125ca8e9b5a0315c4180dab192+extended linux/amd64 BuildDate=2023-03-12T11:40:50Z VendorInfo=snap:0.111.3

Steps to reproduce

cd colin.cafe
hugo
cd public
http-server

Expected behavior

When clicking on the sun icon the theme should switch to dark.

Device information (please complete the following information):

  • OS: Ubuntu 22.10
  • Browser
    • Firefox 111.0.1
    • Vivaldi 5.7.2921.65

Dark theme doesn't work when using Mullvad browser (based on tor browser) with security slider at anything other than "standard"

Describe the bug
A clear and concise description of what the bug is.
When using the Mullvad browser (basically tor browser without the tor stuff, so this probably applies to tor browser too), the default theme is always light even when set to dark if the security slider is set to anything other than "standard".

Steps to reproduce
Steps to reproduce the behavior:

  1. Get Mullvad browser: https://mullvad.net/en/download/browser/linux
  2. Extract, execute
  3. Set security slider to anything other than standard
  4. MY EYES o_o

Expected behavior
I would think the security slider would have no effect on whether a site theme is dark or light.

Screenshots
If applicable, add screenshots to help explain your problem.
n/a

Device information (please complete the following information):
cat /etc/os-release
PRETTY_NAME="Debian GNU/Linux 11 (bullseye)"
NAME="Debian GNU/Linux"
VERSION_ID="11"
VERSION="11 (bullseye)"
VERSION_CODENAME=bullseye
ID=debian
HOME_URL="https://www.debian.org/"
SUPPORT_URL="https://www.debian.org/support"
BUG_REPORT_URL="https://bugs.debian.org/"

Mullvad browser: 12.0.6 (based on Mozilla Firefox 102.11.0esr) (64-bit)

Additional context
Add any other context about the problem here.
Trying to get a simple and fast website that is dark and doesn't need javascript. Which reminds me, seems javascript still is included in the public website even when configured not to be used. Of course, I am new to this whole hugo thing so could be user error.

Last updated date for posts

Discussed in #94

Originally posted by randomodbuild August 8, 2023
Just looking to add support for the lastmod entry in the frontmatter and have the last updated date also show next to the post date.

feat: add date for page lists

Hey Sid,
Thanks for the minimal theme.
Can we also have dates on the page list.
As of now we only list the title on the /posts

<article class="post-item">
<h3 class="post-item-title">
<a href="{{ .Permalink }}">{{ .Title }}</a>
</h3>
</article>

Internally I'm adding this this right next to {{ .Title }}

<p class="post-item-meta">{{ .Date.Format "January 2, 2006" }}</p>

Let me know your thoughts on this. If you're okay with this, I can push the changes.

Unable to run hugo when `dateFormat` parameter is not set

Describe the bug

Hugo throws an error when dateFormat parameter is not set.

Steps to reproduce
Steps to reproduce the behavior:

  1. Use theme version < v1.10 to create a website
  2. Upgrade theme version
  3. Run hugo server
  4. See error

Expected behavior

Some default date formatting should be in place so, that no error is thrown when dateFormat parameter is not set.

Bug on 404 page

Discussed in #27

Originally posted by @RuiAAPeres

On small screens, the 404 page looks like this:

image

Any suggestions on how to fix it? Thank you!

TOC setting bug

Describe the bug
Cannot turn off TOC for a blog post when global setting of TOC is on.

Steps to reproduce

  1. set global TOC setting as true
[params]
  toc = true # set to false to disable table of contents 'globally'
  1. Turn off TOC setting for some post.
+++
title = "About"
toc = false
+++

Expected behavior
Should overwrite global config

RSS feed issue

Describe the bug
When viewed in an RSS reader, only the first few lines of the posts are shown. Rest of the content isn't visible (checked with multiple RSS readers. Checked with multiple example sites using this theme)

Steps to reproduce
Steps to reproduce the behavior:

  1. Go to any RSS reader and check the site which is using this theme
  2. Go to any of the posts and see that only first few lines are displayed

Expected behavior
The entire post's content should be visible on the RSS reader

Screenshots
image
The screenshot is from Feedly RSS reader using the theme's demo page as an example. Only the first few lines are shown

Twitter shortcode needs named parameters since hugo v0.123.0

Describe the bug
The twitter_simple shortcode needs named parameters since hugo v0.123.0
When building the exampleSite, the following build errors occur:

10:43:32 AM: ERROR The "twitter_simple" shortcode requires two named parameters: user and id. See "/opt/build/repo/exampleSite/content/en/posts/rich-content/index.md:22:1"
10:43:32 AM: ERROR The "twitter_simple" shortcode requires two named parameters: user and id. See "/opt/build/repo/exampleSite/content/de/posts/rich-content/index.md:22:1"
10:43:33 AM: Failed during stage "building site": Build script returned non-zero exit code: 2
10:43:33 AM: ERROR The "twitter_simple" shortcode requires two named parameters: user and id. See "/opt/build/repo/exampleSite/content/ru/posts/rich-content/index.md:22:1"
10:43:33 AM: ERROR The "twitter_simple" shortcode requires two named parameters: user and id. See "/opt/build/repo/exampleSite/content/it/posts/rich-content/index.md:22:1"

Steps to reproduce
Steps to reproduce the behavior:

  1. Clone this repository
  2. Exeute cd exampleSite
  3. Execute hugo server --themesDir ../..
  4. See error

Expected behavior
The pages containing twitter_simple shortcode are built properly

Device information

  • OS: Manjaro
  • Browser Firefox
  • Version 123.0

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.