Roneo.org

How to use inline SVG icons with Markdown and Hugo

Sun, 01 Jan 2023 01:20:13 +0100

**Our objective**: insert SVG icons in Markdown with a shortcode. The solution must be **easy to use**, and focus on **performance and accessibility**.

Hugo: embed audio files with Plyr.io and a Shortcode

Thu, 29 Dec 2022 08:34:20 +0000

> Let's see how to embed audio files in Hugo with [Plyr.io](https://github.com/sampotts/plyr/), an opensource and elegant media player offering support for MP3, WAV, M4A, FLAC and OGG.

Hugo: insert customized text blocks with a Shortcode

Tue, 13 Sep 2022 09:23:18 +0000

Demo This is an example. Another example, with a title and multiple paragraphs Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni in ea aut pariatur dolorem quia, dicta sit. Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta aliquid dicta repellendus! Nobis pariatur, sed blanditiis eaque accusamus consequuntur temporibus obcaecati sunt esse, veritatis doloremque! Dignissimos soluta eius totam cumque. Usage: {{< box info >}} Hello there, and have a nice day {{< /box >}} will show:

Spellcheck a batch of Markdown files with Aspell

Fri, 02 Sep 2022 15:05:26 +0000

Let’s see how to spellcheck a batch of Markdown files with Aspell, a free and open-source spell checker supporting more than 90 different languages1 This post was written for Debian and should work with any Linux flavour: Ubuntu, Linux Mint, ArchLinux, etc. I didn’t test it but MacOS should be supported too. 1. Install aspell Here with the english dictionnary: sudo apt install aspell aspell-en A list of available dictionnaries can be found on gnu.

Hugo: custom Shortcodes demonstration

Fri, 28 Aug 2020 04:21:43 +0000

Summary / Expand This is the title, click to see details Elit pariatur aliquip ex sunt labore mollit. Sunt id elit culpa laboris eiusmod cupidatat commodo in ad. Irure velit ex est ipsum deserunt irure nulla eu esse Lorem Lorem veniam. Cillum enim velit consequat deserunt elit laborum consectetur sint minim ipsum fugiat aliquip Lorem labore. Excepteur tempor nisi sunt cillum ipsum commodo excepteur. Sunt ad nostrud esse aliqua tempor magna id sunt deserunt aute.

Hugo: default Shortcodes demonstration

Sun, 28 Aug 2022 04:21:43 +0000

Info This page is a Draft, for testing purpose only Lier une page par son nom de fichier avec ‘Ref’ Le shortcode ref permet de lier vers une page par son nom de fichier.md Syntaxe: [Autrepage]({{< ref "hugo-test-shortcodes-collection.en.md" >}}) Résultat: Autre page Insert videos <video controls loop muted> <source src="/illustrations/webm.webm" type="video/webm"> Sorry, your browser doesn't support embedded videos. </video> Sorry, your browser doesn't support embedded videos. Video from Asciinema Shortcodes (the support of Shortcodes depends on the theme you use)

Edit the Yaml Front Matter of multiple Markdown files

Thu, 18 Aug 2022 16:31:16 +0000

Add custom CSS classes to images with Hugo's Markdown attributes

Tue, 05 Jul 2022 12:59:53 +0000

Note: You need to run Hugo ⩾ 0.81, and Hugo 0.108.0 provides interesting improvements on this topic Enable Markdown Attributes In config.toml [markup.goldmark.parser.attribute] block = true title = true or in config.yml markup: goldmark: parser: attribute: block: true title: true Usage Add a single class: ![Image description](/images/portfolio/theme-screenshot.jpg) {.custom-css-class} Add multiples classes: ![Image description](/images/portfolio/theme-screenshot.jpg) {.myclass class="custom-css-class1 custom-class2"} Example This picture surrounded by a frame is the result of this image together with some CSS and the following markup:

Fetch data from Github API with Hugo

Thu, 08 Sep 2022 22:22:44 +0000

Github provides a powerful API. Let's fetch some data from out there with Hugo, and get updated content each time we rebuild the website

Find Github user's email address

Sat, 10 Sep 2022 04:21:43 +0000

Some Github users do not publish any contact email. This form will fetch the Github API and retrieve any email address found in user's repositories.

Using Hugo to share private posts

Fri, 01 Apr 2022 00:55:53 +0000

I sometime need to share posts with selected readers only, for review or private discussion. This is precisely the objective of the Hugo theme ‘Off The Record’:: “publish a post and invite chosen readers with a private link – while keeping this post hidden from other visitors”. A demo is available, and the source code is public. Installation Note that Hugo extended > 0.82 is required (Posts are not properly hidden with previous Hugo versions).

Run a newsletter for free with Hugo, ButtonDown and Netlify

Tue, 14 Dec 2021 12:30:55 +0100

Gitlab: use public Pages while keeping the Git repo private

Fri, 01 Apr 2022 00:03:32 +0000

How to use Gitlab Pages while keeping the content of your Git repository private.

Draw.io: How to add Font Awesome icons, Twemoji and more

Fri, 07 May 2021 04:31:34 +0100

Learn how to import new icon sets to your sidebar and use them easily in your diagrams

A visual tour of Pondent, a client-side Markdown editor

Sat, 10 Sep 2022 08:59:58 +0000

[Pondent](https://pyrmont.github.io/pondent/#/settings) is a client-side utility for posting Markdown-formatted files to GitHub. It's [free, open-source](https://github.com/pyrmont/pondent/), and does not require installation. Let's have a closer look

Hugo: include/embed another file with a shortcode

Tue, 29 Mar 2022 10:06:49 +0000

Gitlab: host and render HTML files

Thu, 17 Dec 2020 07:07:32 +0000

Upload and serve HTML files from Gitlab.com, for free! Optionally include CSS and Javascript

Hosting a website with Hugo and Riseup

Wed, 17 Aug 2022 01:02:01 +0000

How to use Gitlab Pages hosted by Riseup with Hugo.

Resize and optimize images with Vscode and imgp

Mon, 23 Aug 2021 18:24:32 +0100

In this article we’ll see how to optimize pictures in two clicks, directly from Vscode: This article was written for Debian and should work with other Linux flavors, like Ubuntu, Arch Linux, Mint, etc You are using Windows or Mac? See the documentation of “Optimize Images”, other configurations are available. Installation Overview We need to install two things: the package imgp, a powerful image editor only available from the command line the Vscode extension “Optimize Images”, which makes imgp available from the right-click menu of Vscode.

Installing `bat` on Debian 10

Thu, 27 May 2021 13:19:46 +0100

Setup your terminal text editor for syntax highlighting, git integration and more

Hugo: open external links in a new tab

Thu, 20 May 2021 08:19:40 +0000

Create a file layouts/_default/_markup/render-link.html: <a href="{{- .Destination | safeURL -}}"{{ with .Title}} title="{{- . -}}"{{ end }}{{ if strings.HasPrefix .Destination "http" }} target="_blank" rel="nofollow noopener noreferrer" {{ end }}>{{- .Text | safeHTML -}}</a> Alternative, use if you get a buggy HTML output (if empty paragraphs are inserted when using Shortcodes for example) <a href="{{ .Destination | safeURL }}"{{ with .Title}} title="{{ . }}"{{ end }}{{ if strings.HasPrefix .Destination "http" }} target="_blank" rel="nofollow noopener noreferrer" {{ end }}>{{ .

Tails: install and setup ADB for Android

Sun, 29 Nov 2020 09:36:19 +0100

A step by step tutorial to access Android from Tails with ADB

How to install Vscode in Tails

Thu, 08 Oct 2020 03:20:36 +0000

Hugo: add custom infoboxes

Thu, 01 Oct 2020 21:50:23 +0000

Insert custom warnings and notices in Hugo, with Vscode, the theme BeautifulHugo and a few lines of CSS

Hugo : create a shortcode for local videos

Tue, 29 Sep 2020 08:34:20 +0000

Insert local videos in your posts with this Hugo shortcode

Free hosting for Hugo on frama.io

Sun, 27 Sep 2020 00:55:53 +0000

Learn how to host your static website for free on frama.io with Framagit

[Solved] XFCE on Debian 11 - Can't install software updates: "failed to obtain auth"

Fri, 09 Jul 2021 07:07:32 +0000

Fix the bug with XFCE on Debian 11. When installing system updates results in the error "gdbus error org.gtk gdbus unmapped GError Quark : failed to obtain auth"

Enhancing Hugo with a Shortcode Collection

Fri, 30 Dec 2022 22:41:12 +0000

Shortcode files are available in this repo and can be installed with this Shortcode collection I maintain. This collection provides a selection of Shortcodes to enhance Hugo. 1. Add the Shortcode collection Install as Git submodule: git submodule add https://gitlab.com/Roneo/hugo-shortcode-roneo-collection.git themes/hugo-shortcode-roneo-collection Then call this module from config.yml: theme: - hugo-shortcode-roneo-collection - YourCurrentTheme OR from config.toml theme = ["hugo-shortcode-roneo-collection", "YourCurrentTheme"] 2. Add Plyr to your theme Download plyr.css and plyr.polyfilled.js to static/.

Contact

Wed, 30 Sep 2020 23:48:20 +0000

contact[at]roneo.org