Nafies Luthfi

Life will always feel wonderful if we always think positively.

  • First Post

    Hello Hugo world! This is the first post on hugo site. No more excuses for having no blog or documentation now!

  • The "figure" Shortcode

    Hugo has figure shortcode built in, so you can easily add figcaptions or hyperlink rel attributes to images. Documentations can be found here: https://gohugo.io/content-management/shortcodes/#figure This theme has 3 CSS classes made for figure elements:

    Read more…
  • Post With Featured Image

    Just define the image URL in the content’s front matter, the featured image will be displayed as the background. For example: --- images: - https://picsum.photos/1024/768/?random --- This is an array, you can set multiple urls, only the first url will be used.

    Read more…
  • Typography

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

    Read more…
  • Style Guide

    Headings Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 Headings with Text Heading 1 Lorem ipsum dolor sit amet, adipiscing elit. Nullam dignissim convallis est. Quisque aliquam.

    Read more…
  • Image Style Guide

    Veniam est eu adipisicing reprehenderit do sit sint elit sint. Tempor laborum ut dolore aliqua. Commodo eu qui sint magna veniam laborum. Ad cupidatat do proident ex veniam amet Lorem. Officia laboris aute fugiat id consequat culpa ullamco labore ea amet ad.

    Read more…
  • Creating a New Theme

    Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content.

    Read more…
  • (Hu)go Template Primer

    Hugo uses the excellent Go html/template library for its template engine. It is an extremely lightweight engine that provides a very small amount of logic. In our experience that it is just the right amount of logic to be able to create a good static website.

    Read more…
  • Getting Started with Hugo

    Step 1. Install Hugo Go to Hugo releases and download the appropriate version for your OS and architecture. Save it somewhere specific as we will be using it in the next step.

    Read more…
  • Migrate to Hugo from Jekyll

    Move static content to static Jekyll has a rule that any directory not starting with _ will be copied as-is to the _site output. Hugo keeps all static content under static.

    Read more…