Run the following command to generate the site, including drafts ( -D
), and serve it locally.
bundle exec jekyl serve -D
The favicon is a tiny picture that appears to the left of the website title in the browser tab. If you want to replace it do the following:
-
Search on flaticon for a replacement.
-
Download a 512 x 512
png
format version of the desired icon. -
Find a favicon generator online, and generate favicon images from the
png
image. -
unzip the favicon folder and rename it with a descriptive name.
-
move the renamed favicon folder to
/public/favicon/
. For example/public/favicon/tetris
. -
Finally, edit the icon links in
_includes/head.html
.<!-- Icons --> <link rel="android-chrome-512x512" type="image/png" sizes="512x512" href="/public/favicon/tetris/android-chrome-512x512.png"> <link rel="android-chrome-192x192" type="image/png" sizes="192x192" href="/public/favicon/tetris/android-chrome-192x192.png"> <link rel="apple-touch-icon" type="image/png" sizes="180x180" href="/public/favicon/tetris/apple-touch-icon.png"> <link rel="shortcut icon" type="image/x-icon" href="/public/favicon/tetris/favicon.ico">