Live Demo:
👉 https://samirpaulb.github.io
Created using Hugo and PaperMod.
Steps:
- Install Hugo.
- Make new post
hugo new posts/name-of-post.md
. - Run
hugo
to build static codes inside public directory for deploying on Netlify/Vercel. - Run
hugo server
to preview the site. - Use GitHub Actions to deploy on GitHub Pages.
- Update theme: Change SamirPaulb/hugo-PaperMod -> delete
themes/PaperMod
directory -> rungit clone https://github.com/SamirPaulb/hugo-PaperMod themes/PaperMod --depth=1
Compare modifications in theme
- Image zoom in effect
- Hugo watermark on images
- Button to show disqus comments
- Decrease the size of H1, H2, H3 tags in blog posts
/assets/css/common/post-single.css
- About in homepage and 5 paginations.
- Open external links in new tab link1
- Code block colour
assets/css/extended/dracula.css
- Progressive Web App: link1, link1go-offline-with-service-worker/
- Remove Powered by Hugo on footer
- Add p:domain_verify and norton-safeweb-site-verification on
layouts/partials/head.html
- Refer sitemaps link, rss feed link and manifest.json on
layouts/partials/head.html
- Change Links colour https://www.w3schools.com/html/html_links_colors.asp
/assets/css/common/post-single.css
More instructions:
- https://github.com/SamirPaulb/hugo-PaperMod
- Theme Basic Documentation
- Theme Content Documentation
- For local development first install Chocolatey as administrator then install hugo
choco install hugo-extended -confirm
. - For deploying on Vercel add environment variable
0.92.0
read more. - Use GitHub Actions for deploying on GitHub Pages.
- For deploying on Netlify add netlify.toml and in config.toml give baseURL to Netlify domain.
- Store resources in the
/static/assets
directory and refer it by/assets/File_Name
. - To deploy on Netlify/Vercel change the baseURL of config.toml to Netlify domain.
- Button to show disqus comments: https://discourse.gohugo.io/t/button-to-show-disqus-comments/17418/4
- Progressive Web App: https://blog.jeremylikness.com/blog/implement-progressive-web-app-hugo/ and https://ruddra.com/hugo-implement-pwa/ and https://discourse.gohugo.io/t/simple-implementation-of-progressive-web-apps-pwa-on-hugo-website/39952