apvarun / blist-hugo-theme Goto Github PK
View Code? Open in Web Editor NEWBlist is a clean and fast blog theme for your Hugo site.
Home Page: https://blist.vercel.app/
License: MIT License
Blist is a clean and fast blog theme for your Hugo site.
Home Page: https://blist.vercel.app/
License: MIT License
I liked the new hamburger button for mobile resolution but I think also in smaller screen it would be very helpful to have the dark mode button always visible, because this type of button is used a lot on a mobile device.
Maybe it can be moved before the hamburger button.
I wanted to add my Behance profile in the follow me section with an icon of behance.
On a post page, the nav dropdown hides behind the header image.
You can see this here, when you shrink the browser and open the menu:
https://blist.vercel.app/en/blog/emoji-support/
Dark mode works as expected.
Light mode is buggy somehow.
I applied the ascent mode as descripted into config.yaml
:
ascentColor: "bg-blue-100",
The problem is, that I was able to get only some blue, green and gray colors so far. Others do not show up, the field is just white. And unfortunately only on local host.
When I deploy it on k8s (nginx/alpine) it never changes color in light mode.
Do I miss some library or something? Should I do some post-install?
I'm having a problem with adding an image to the front page of the website. I've simply did [params.homepage] photo = "/portrait.jpg" with the file located in public/images/portrait.jpg yet it does not show up.
In all footers I have the same following order of the social icons.
In this theme it is kinda random and it is a little bit disturbing.
I have set the googleAnalytics = "G-MEASUREID" in the config.toml, but I don't see any traffic in Google Analytics.
Do I'm missing some here?
Hi,
I think a facebook icon should be added also.
Thanks in advance.
Hello,
I really like your theme, but I'm wondering if there is a way to use the theme for multiple languages?
Is it possible to remove the "other language" url?
I already removed this code from the single.html, but it seemed to be not working.
{{ if .IsTranslated -}}
{{- $sortedTranslations := sort .Translations "Site.Language.Weight" -}}
{{- $links := apply $sortedTranslations "partial" "translation_link.html" "." -}}
{{- $cleanLinks := apply $links "chomp" "." -}}
{{- $linksOutput := delimit $cleanLinks (i18n "translationsSeparator") -}}
• {{ i18n "translationsLabel" }} {{ $linksOutput }}
How can I add custom css to this theme?
Hi,
I was wondering if there is an easy way to remove the dates from the thumbnail images without editing the theme itself (like a toggle in the toml maybe?).
Similarly an option to remove the posted date, read-time, and wordcount on pages would be nice too.
I'm hoping to be able to do this without tweaking the theme so that we can benefit from future updates to the theme without having to re-edit it each time.
Thanks,
Daniel
Hello, Varun, thanks for your hard work. Blist is a beautiful theme, but I noticed the 404.html is a blank file, would you mind to give it an update? thanks.
I save the images (including logo.jpg
, favicon.jpg
) under the folder static
but only the favicon does not come out. Is this the right place to put those images? Or I need to save it to mysite/resources/_gen/images
or other places??
Hello Varun,
This is not really a bug but rather a feature request.
When there are (too) many links in the menu, it is cut on the mobile version.
I managed to put the links below each other when the width of the screen is small:
Would it be possible to add the fact that the menu becomes a hamburger menu when the width of the screen becomes small. Like this template: https://www.zerostatic.io/theme/hugo-hero/
For your information, my repo is https://github.com/AntoineSoetewey/elsaetantoine.
Thanks in advance.
Regards,
Antoine
Hi!
thanks for the template.
I wonder if there is a way to skip the thumbnail in the blog post. It is quite big and centers the entry to it instead of the words. thanks.
I noticed that the blog template is not converting the inline code
function from markdown to HTML. It's displaying the backtick and putting it and the content after in bold. I thought it might have been me, but I checked the demo page, and it also exhibits the same issue.
Example:
https://blist.vercel.app/en/blog/markdown-syntax/
The inline markdown within tables shows this.
Am I missing something? Should I be modifying my config.toml
with something additional to support single backtick quotes?
I have a few pages in the blog section dated 2021. They all display correctly.
I want to add a new page dated the year 2022. This page is not listed in the blog section. If I change the year to 2021, it displays.
Any workaround for displaying 2022 pages?
It is a beautiful theme. Let me thank you for that first.
I am trying to use this theme for my personal blog. I have some feedback based on my extensive search for finding the perfect theme for my use case. Furthermore, I am going to reference some other websites for example.
Sidebar:
Blist theme has lots of open space, and a sidebar can help with navigation. Let's see Rust Cookbook.
You might say it is a book, but it has a hidden trick up its sleeve. It can hide it completely by a button.
Simple but effective. For this theme, I think a floating button might work(just throwing ideas).
I am going to give another example that is more close to this project. Blonde Theme has a sidebar that is a bit crowded.
It is a bit too much, but it works! I hope you got my point. For big displays, a sidebar can help with navigation and help discover new writings.
Kindly, don't take my words as criticism. I am just giving my point of view. Thank you!
Hello again,
I managed to make everything working, except emojis.
enableEmoji = true
in config.tomlenableInlineShortcodes = true
in config.tomlIt is probably not a bug, but rather something I am missing.
Any idea how I could fix this?
Thanks in advance for your help.
Regards,
Antoine
There are only 6 posts visible, and you have to move to second page to see more, please help.
I download this template directly, but the search function just doesn't work. The console shows that it is linked to my homepage (username.github.io/index.json) instead of username.github.io/repo/index.json. Is there any ways I can fix this? Thanks a lot:)
What is the snippet to activate utteranc.es comment feature in config.toml file?
When deploying to Github project pages (or probably any non-root directory) fonts are not loaded, as they refer to absolute path (example here).
Is there any recommended way to provide prefix to font resources in CSS?
I love the emphasis on images in this theme. Is it possible to also support meta tags for social link previews?
https://ogp.me/ and https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/summary-card-with-large-image
I did a couple tests and tried to search the code but I didn't see any support for social previews.
Hello,
I recently got started with this theme and I absolutely love it. Although, I'm unsure how to remove all the options for different languages, I tried to remove the base URL from /en/page/blog to only /page/blog but didn't manage to do it.
Where is all the configuration for different languages so I can remove it and only provide one language without it being specified in the URL?
Thanks ---
Gustav
I'd love to have the possibility to click on images and then they become fullscreen aka zooming in.
Dear authors, thank you for your work!
Can you add Google Scholar as an option for social links? I tried to do it myself, but I am not experienced dealing with SVG.
Thank you very much!
Whenever i try to run the Hugo server after cloning the repository, I get this error
PS C:\Users\omo\Documents\hugo-demo> hugo server
Start building sites โฆ
hugo v0.108.0-a0d64a46e36dd2f503bfd5ba1a5807b900df231d+extended windows/amd64 BuildDate=2022-12-06T13:37:56Z VendorInfo=gohugoio
Error: Error building site: POSTCSS: failed to transform "css/styles.css" (text/css): Error: Cannot find module 'postcss-import'
Require stack:
Search results broken on demo site https://blist.vercel.app/en/
Steps to reproduce:
First of all, great theme, but I want to use my own color palette.
Is that possible?
Hi,
is disqus possible with this theme? I configured it but nothing shows up.
Would it be possible to support tiktok as a target for social links?
If you take a look at the Twitter post embedder, images in tweets don't appear to resolve:
See Twitter Simple Shortcode on the demo site:
https://blist.vercel.app/en/blog/rich-content/
Using {{< twitter_simple 1557658979018440705 >}}
throws a warn on a local hugo serve
build too, suggesting you specify both the tweet user and tweet ID like so:
{{< tweet user="KawaaiMayumi" id="1557658979018440705" >}}
However, doing a hugo serve
using the new pattern builds and renders fine, but hugo fails to build in Netlify with the following error:
9:57:10 PM: hugo v0.85.0-724D5DB5+extended linux/amd64 BuildDate=2021-07-05T10:46:28Z VendorInfo=gohugoio
9:57:14 PM: Error: Error building site: "/opt/build/repo/content/blog/hugo-rich-content.md:33:6": failed to render shortcode "tweet": failed to process shortcode: template: _internal/shortcodes/tweet.html:6:82: executing "_internal/shortcodes/tweet.html" at <index .Params 0>: error calling index: value has type int; should be string
9:57:14 PM: Total in 4178 ms
9:57:14 PM: โ
9:57:14 PM: โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
9:57:14 PM: "build.command" failed
9:57:14 PM: โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
9:57:14 PM: โ
9:57:14 PM: Error message
9:57:14 PM: Command failed with exit code 255: npm i && HUGO_ENVIRONMENT=production hugo --gc (https://ntl.fyi/exit-code-255)
9:57:14 PM: โ
9:57:14 PM: Error location
9:57:14 PM: In Build command from Netlify app:
9:57:14 PM: npm i && HUGO_ENVIRONMENT=production hugo --gc
9:57:14 PM: โ
9:57:14 PM: Resolved config
9:57:14 PM: build:
9:57:14 PM: command: npm i && HUGO_ENVIRONMENT=production hugo --gc
9:57:14 PM: commandOrigin: ui
9:57:14 PM: publish: /opt/build/repo/public
9:57:14 PM: publishOrigin: ui
9:57:15 PM: Caching artifacts
Any ideas?
When i try to preview the site by following the quick preview steps, i got this error :
Start building sites โฆ
hugo v0.85.0 linux/amd64 BuildDate=2021-07-05T14:33:29Z
Error: Error building site: POSTCSS: failed to transform "css/styles.css" (text/css). Check your PostCSS installation; install with "npm install postcss-cli". See https://gohugo.io/hugo-pipes/postcss/
Built in 49 ms
My hugo version is :
hugo v0.85.0 linux/amd64 BuildDate=2021-07-05T14:33:29Z
I have tried to install postcss globally but give the same error. How i resolve this error ?
Sorry if i'm wrong, cz i'm new in hugo.
Thanks
Hi,
Is it possible to add RSS to the website? Something like domain.tld/rss?
All indications are that the search function only looks for words from the Titles.
It does not index Author, Description, Text Body or even Tags.
I don't want to criticize here, the theme is really great ๐๐ป
IMHO it's just not practical.
The user may need to search for articles by author.
Is there way to improve this?
I successfully added the theme but the fonts are not visible
I have 2 suggestions for improving the code snippets
I'd like to have a copy button on the code snippet to be able to easily copy them out, e.g. as shown here:
add line number to be able to refer to certain lines afterwards in the text
I'd love to see a Table of Contents feature for blog entires like PaperMod has.
https://github.com/adityatelange/hugo-PaperMod
Question:
How can I set the page width of the About page. I can't find it, or my knowledge is not that good.
The problem is, that I have a 3 column table and the one column is smaller than the others.
Hope that someone can answer my question.
Hi there @apvarun
is it possible to change the logo color on dark mode in this theme
Hi and thank you for this work, it's nice!
I think in social icons, a mastodon icon should be added as it's more and more used!
Have a nice day!
I've installed Hugo in Windows, and got the same POSTCSS error similar to #4.
The solution about npm and installing files is a bit 'borked' here - I've no idea on how to install POSTCSS in Windows...
Is this possible, or is this theme just not Windows friendly due to the extra packages needed.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.