About

This is my personal website build with Hugo and with the PaperMod theme.

The live website is available at https://garnajee.github.io.

Note

I made some small changes to the theme.

In order to override the actual theme, you just have to put your changed files in the root of the working folder.

In my case:

# I change these files:
/themes/PaperMod/assets/css/common/header.css
/themes/PaperMod/layouts/_default/single.html
# And to override them, I add changed files here:
/assets/css/common/header.css
/layouts/_default/single.html

My changes

Theme:

• a red line appears below menu names when the mouse is moved over them
• the name of the menu on the current page is written in red
• hide share icons on the "about" page

Shortcode:

• inlinespoiler: hides text and reveals it on mouse-over
• details: recreate the HTML <details> tag
• notice: recreate the github markdown alerts style

Build

You first need to install Hugo.

If you want to build this website for your own purpose:

$ git clone --recurse-submodules https://github.com/garnajee/garnajee.github.io.git
$ cd garnajee.github.io/
$ git submodule init
$ git submodule update

And then start the Hugo server:

$ hugo server -D --minify
# To buid static pages
$ hugo -D --minify 

Useful commands

To create a template for your main categories (e.g. "posts"): $ vim archetypes/posts.md and fill it with my template for example.

To create a new page in the "posts" category:

$ hugo new posts/<post-name>.md
Content "/your/path/garnajee.github.io/content/posts/<post-name>.md" created

Now, edit this new page: $ vim content/posts/<post-name>.md.

Update submodule:

$ cd themes/PaperMod
$ git pull