A Hugo theme I designed for my blog at https://apurvanakade.github.io/blog/
This README is mostly meant for myself. I intend to update this soon along with providing documentation for the rest of the theme.
Run the following instructions in your source directory:
npm init -y
this installs node_modules
npm install --save-dev gulp gulp-sass gulp-autoprefixer gulp-hash del
install the various dependencies and save them to packages.json
Useful Hugo pages:
- Setting up Hugo with gulp: http://danbahrami.io/articles/building-a-production-website-with-hugo-and-gulp-js/
- Shortcodes in Hugo: https://gohugo.io/content-management/shortcodes/#example-youtube-input
- Crosslinks in Hugo: https://gohugo.io/content-management/cross-references/
- Hugo discussion forum: https://discourse.gohugo.io/
- Loop through pages in a section: https://discourse.gohugo.io/t/loop-through-data-pages-inside-single-html/845
- .Data.Pages vs. .Site.Pages: https://discourse.gohugo.io/t/data-pages-vs-site-pages/1521
- https://developers.facebook.com/docs/plugins/comments/
Useful resources online:
- Beautiful icons: https://www.iconfinder.com/iconsets/black-white-social-media by Alfredo Hernandez.
- Sort table using javascript: https://www.w3schools.com/howto/howto_js_sort_table.asp
- Markdown cheatsheet: https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet
- How to animate "box-shadow": http://tobiasahlin.com/blog/how-to-animate-box-shadow/
- The 30 CSS Selectors You Must Memorize: https://code.tutsplus.com/tutorials/the-30-css-selectors-you-must-memorize--net-16048
- Make a grid column span the entire row: https://stackoverflow.com/questions/47319464/make-a-grid-column-span-the-entire-row
- Glitch Effect on Text / Images: https://css-tricks.com/glitch-effect-text-images-svg/
- A complete guide to Grid: https://css-tricks.com/snippets/css/complete-guide-grid/
- Design Considerations - Text on Images: https://css-tricks.com/design-considerations-text-images/