Giter VIP home page Giter VIP logo

hugo-tania's Introduction

Hugo Theme Tania

Netlify Status

A simple theme for bloggers.

Documentation

Demo

Example Site

Introduction

Most of the styles for this theme come from taniarascia.com

I like it's style, so I transplant it to Hugo.

And is that why this theme called Tania.

Thank Tania Rascia again.

Requirements

It's necessary to use Hugo ≥ 0.78.0.

Use Hugo Extended version (recommended) if you want to:

  • Use the latest feature/fix from main branch
  • Edit SCSS files

Features

  • Responsive and Mobile-Friendly
  • Dark mode(It can switch automatically or manually)
  • Footnotes(Float on the right side)
  • Search with categories filter

Installation

cd into your site's root dir.

  1. Add hugo-tania theme as submodule.
git submodule add https://github.com/WingLim/hugo-tania themes/hugo-tania
  1. Add articles page with archives layout.
cat > content/articles.md <<EOF
---
title: Articles
subtitle: Posts, tutorials, snippets, musings, and everything else.
layout: "archives"
---
EOF

Edit your site config following exampleSite/config.yaml.

Thanks to

License

MIT

hugo-tania's People

Contributors

chan-vince avatar chungzh avatar github-actions[bot] avatar hellodit avatar kabircampwala avatar malusama avatar mogita avatar rennerocha avatar thomasgtaylor avatar winglim avatar zieunx 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-tania's Issues

Help for newcomers in repo

Hi! 😃 I would like an explanation more detailed of your repository, @WingLim, because I didn't understand at all.

What technologies did you use for markdown files to be recognized as HTML on the web? Perhaps, have you been using Jekyll?

And where or what use .toml files?

Thank you for your attention!

Change articles route

Hi,

Is it possible to change the /articles route to /blog ?
I tried changing the toml and the theme and it doesn't do anything.

Utterances as comments provider not rendering correctly

Hi,

when using Utteranc.es as comment provider, it did not render correctly for me. In my case this was caused by this line. The property document.documentElement.dataset.scheme is undefined for me, I fixed it by changing it to document.documentElement.dataset.userColorScheme.

Code Copy Button does not work

There is a button itself, but if you press, then nothing happens. Unlike your site.
I tried with a default config from config.example.toml

I also tried to add a line to the config
enablelinenos = true

Launch method:

docker run -it \
  --name="hugo" \
  -p 1313:1313 \
  -v /**my-site**:/src \
  --restart unless-stopped \
klakegg/hugo:ext-debian \
  server --disableFastRender -D

Support for Disqus

I was trying to enable Disqus on my website that uses this theme by adding disqusShortname: "wheleph-gitlab-io" to my config.yaml. But I don't see any comment sections at the bottom of my posts.

Can you add support for Disqus?

Here's the source code of my website: https://gitlab.com/wheleph/wheleph.gitlab.io

Biography on front page

Is it possible to have a small biography on the front page with options for a small text (for example a small text about yourself), a picture, email address and name?

Issue - Custom Icons for Social Media SVG Not Found

Hi,

According to your documentation - custom icons for social media

I forked your theme to add customs icons.

[hugo-tania](https://github.com/myrepo/hugo-tania)
Public
forked from https://github.com/WingLim/hugo-tania

In my fork, I added the edited SVG for the new icons, assuming the other SVGs were present.

My SVG : threads.svg

The issue occurs during the build of the website :

Error: error building site: render: failed to render pages: render of "home" failed: "/home/runner/work/myrepo.github.io/myrepo.github.io/themes/hugo-tania/layouts/_default/index.html:14:23": execute of template failed: template: _default/index.html:14:23: executing "main" at <partial (print "svgs/social/" $name ".svg") (dict "width" 25 "height" 25)>: error calling partial: partial "svgs/social/threads.svg" not found

I thought my SVG wasn't in a good format, but there was a Mastodon SVG in ...svgs/.

I tried it, but the same issue persists.

Do I have a problem of misunderstanding regarding the theme or the documentation?

排版问题

image
这里有两层 p 的 margin 和 blockquote 的 padding,有点难看了

Alphabetise the tags output

For the article tags output in the template here

<div class="tags"> {{ range (.GetTerms "tags") }} <a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a> {{ end }} </div>

Is it possible to alphabetise the output?

Feature request: search

Hii,
How can I enable the search feature on these themes?
I just want to add a search feature so my visitor can easily search article on my website using keyword,
additionally, I want to add some tags above the search bar.

Thanks!

"Latest articles" section on the main lists files from the "projects" folder instead of "posts"

Hi!

First, I added a post.md to "content/posts/." Then, I made "contet/projects" directory with 3 *.md pages describing projects. Now, on the main under the "latest articles" I can see only titles from the "content/pojects/." If I to copy the post to "content/projects," then it will appear uder section "projects" but not under "latest articles."

I am on hugo v0.99.1, and have little expirience with it. Do you have any ideas what might have went wrong?

Broken image rendering

After upgrading to the latest version of the theme (https://gitlab.com/wheleph/wheleph.gitlab.io/-/commit/974e14a48325fda0baa080c082321dfe38e0ad2b), images in one of my posts can no longer be rendered:

Error: Error building site: "/builds/wheleph/wheleph.gitlab.io/content/posts/2015-06-27-on-rabbitmq-automatic-ack-and-reliable-message-processing/index.md:4:125": execute of template failed: template: _default/_markup/render-image.html:4:125: executing "_default/_markup/render-image.html" at <imageConfig (printf "static/%s" .Destination)>: error calling imageConfig: open /builds/wheleph/wheleph.gitlab.io/static/rabbitmq_auto_ack.png: no such file or directory

Here's the relevant markdown piece:

![Management plugin screenshot: auto ack](rabbitmq_auto_ack.png)

Here's the CI build: https://gitlab.com/wheleph/wheleph.gitlab.io/-/jobs/1433218665

Am I missing something?

Multilingual Mode

Hello everyone,

There is an example of multimode language with Hugo-tania?

I tried directly from the hugo documentation but without success!

你好,请问首页内容过多分页的问题

你好,我的网站内容多,想在首页实现分页功能。按照以往成功的经验,在index中加入{{ partial "pagination.html" . }}
在partials加入pagination.html。
虽然首页可以正确显示分页和页码,但是点击后,始终只显示第一页。请问这个是什么原因?怎么解决?
谢谢

footer error while generating

I am new to hugo so not sure if i am making some silly mistake. But when I try to check it out on localhost, I get the following error

Building sites … ERROR 2022/10/29 09:58:20 render of "taxonomyTerm" failed: execute of template failed: template: _default/terms.html:11:11: executing "_default/terms.html" at <partial "footer/footer" .>: error calling partial: "/path/to/site/something.com/themes/hugo-tania/layouts/partials/footer/footer.html:37:53": execute of template failed: template: partials/footer/footer.html:37:53: executing "partials/footer/footer.html" at <js>: can't evaluate field Build in type string ERROR 2022/10/29 09:58:20 render of "section" failed: execute of template failed: template: _default/list.html:11:11: executing "_default/list.html" at <partial "footer/footer" .>: error calling partial: "/path/to/site/something.com/themes/hugo-tania/layouts/partials/footer/footer.html:37:53": execute of template failed: template: partials/footer/footer.html:37:53: executing "partials/footer/footer.html" at <js>: can't evaluate field Build in type string

Its a brand new hugo directory structure with just a dummy post.

Re: Broken image rendering when using under content directory image path.

related Issues: #28

@WingLim Hello, nice to meet you.
I love your hugo theme, it is a pretty simple and beautiful design 😄

Regarding this updates

With 08a430a, hugo will auto search image in post folder or static folder.

It supported images in post folder but still put the error when I update the hugo-tania theme.

diff --git a/themes/hugo-tania b/themes/hugo-tania
index 0a54b432..99acf147 160000
--- a/themes/hugo-tania
+++ b/themes/hugo-tania
@@ -1 +1 @@
-Subproject commit 0a54b432f9e7318e202760dcd400ab9cefc17882
+Subproject commit 99acf147092a853126c178ffdfaa481ae738d180
Start building sites … 
hugo v0.89.0+extended darwin/amd64 BuildDate=unknown
Error: Error building site: "/Users/hurutoriya/code/hurutoriya.github.io/themes/hugo-tania/layouts/_default/_markup/render-image.html:13:15": execute of template failed: template: _default/_markup/render-image.html:13:15: executing "_default/_markup/render-image.html" at <imageConfig (printf "static/%s" (.Destination | safeURL))>: error calling imageConfig: open /Users/hurutoriya/code/hurutoriya.github.io/static/posts/2017-11-13/images/1.gif: no such file or directory

error messages say broken the post directory images rendering images.
https://github.com/WingLim/hugo-tania/blob/main/layouts/_default/_markup/render-image.html#L13

Actual file structure is here.

I guess _markup/render-image.html build as under /static path even under posts directory but it seems failed?
Sorry I don't have a knowledge about hugo theme but I would like to share it 🙇 .

https://github.com/hurutoriya/hurutoriya.github.io/tree/source/content/posts/2017-11-13

How to add an "about" to nav bar

How do I add an about page to this theme?

Existing config.yaml for hugo-tania

menu:
  header:
    - name: Posts
      url: "/posts/"
  footer:
    - name: RSS
      url: "/index.xml"

The below config.yaml works for me on other themes

menu:
  main:
  - identifier: about
    name: about hugo
    url: /about/
    weight: -110

I have also tried to add /content/about/_index.md which works on other themes, but can't figure out how to make it work on this theme.

Any help or direction where to look next would be appreciated. Thank you!

The <em> is not rendeing

I used em to emphasize text, and it used to show em instead of applying the emphasis. I solved the issue with some help, and it turned out to be in render-heading.html, and the solution was to edit line 9 to be like this {{ .Text | safeHTML }}. Hopefully you will solve it so that it doesn't affect more users.

TOC to the left side

What about adding a toc to the left side? We already have permalink, that would be very useful for browsing big articles and to get a quick look to the main chapters

Dark mode by default?

Hi,
I'm trying to make dark mode default but I can't figure it out. I tried using the colorScheme configuration from the hugo-theme-stack, but it doesn't seem to work. I tried modifying the source, but I can't get it to work? Is there a way to do it ? If so, maybe a configurable option in the config.yml would be a great adding

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.