My gohugo template

Using no-style-please theme.

What's the difference with the original theme

Nothing much, I only added some features that suit me like :

• Opengraph tag support for preview on social networks, see here
• Expandable code block
• Theme switcher with a button
• Template for writing writeups
• A page to showcase friends
• A gallery with memes (not in this template)
• 88x31 icons in the footer

Here are blogs that use this template :

• wepfen
• dk27ss
• hante

Configuration

home menu : themes/hugo-theme-nostyleplease/data/menu.toml

pfp : content/images/avatar.png

Site Colors : themes/hugo-theme-nostyleplease/assets/css/main.scss - some color ideas - or here

Footer icons : themes/hugo-theme-nostyleplease/layouts/partials/footer-buttons.html

baseurl, title, site icon : hugo.toml

Usage

git clone https://github.com/wepfen/my-gohugo-blog
cd my-gohugo-blog

Rendering your website

To generate : hugo serve.

And the content in public/ will be you're static site, you can host the results in github pages.

Writing a new post

Template for posts are located in archetypes :

archetypes
├── default.md
└── writeups.md

Create a new writeup :

hugo new content writeups/writeup.md

Create a new posts :

hugo new content posts/post.md

Adding a new category on the home page

• Create a new folder at content/
• Add an entry in themes/no-style-please/config.toml

Change the preview image of a page

In a markdown page, edit the image field with an external url or a relative path

Use expandable code block in markdown

{{<details "filename.py" >}}
```python
//code here
```
{{</details>}}