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
hugoto build static codes inside public directory for deploying on Netlify/Vercel. - Run
hugo serverto preview the site. - Use GitHub Actions to deploy on GitHub Pages.
- Update theme: Change SamirPaulb/hugo-PaperMod -> delete
themes/PaperModdirectory -> 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.0read 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/assetsdirectory 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