Show & tell - Who is Hugo?
-
Upload
dandineenuob -
Category
Internet
-
view
143 -
download
0
Transcript of Show & tell - Who is Hugo?
![Page 1: Show & tell - Who is Hugo?](https://reader033.fdocuments.us/reader033/viewer/2022042723/58ec0c031a28abf9228b4715/html5/thumbnails/1.jpg)
Who the heck is ?
![Page 2: Show & tell - Who is Hugo?](https://reader033.fdocuments.us/reader033/viewer/2022042723/58ec0c031a28abf9228b4715/html5/thumbnails/2.jpg)
Hugo is a static site generator
tl;dl
![Page 3: Show & tell - Who is Hugo?](https://reader033.fdocuments.us/reader033/viewer/2022042723/58ec0c031a28abf9228b4715/html5/thumbnails/3.jpg)
> Install & use Hugo > via the command line > There’s no GUI :-(
![Page 4: Show & tell - Who is Hugo?](https://reader033.fdocuments.us/reader033/viewer/2022042723/58ec0c031a28abf9228b4715/html5/thumbnails/4.jpg)
CONTENTASSETSLAYOUT WEBSITE!
![Page 5: Show & tell - Who is Hugo?](https://reader033.fdocuments.us/reader033/viewer/2022042723/58ec0c031a28abf9228b4715/html5/thumbnails/5.jpg)
Dynamic site Static site
Database
Website Website
HUGO
![Page 6: Show & tell - Who is Hugo?](https://reader033.fdocuments.us/reader033/viewer/2022042723/58ec0c031a28abf9228b4715/html5/thumbnails/6.jpg)
PerformanceStatic assets are super quick and super robust
![Page 7: Show & tell - Who is Hugo?](https://reader033.fdocuments.us/reader033/viewer/2022042723/58ec0c031a28abf9228b4715/html5/thumbnails/7.jpg)
How fast can Hugo compile a page?
Pretty darned fast actually…
![Page 8: Show & tell - Who is Hugo?](https://reader033.fdocuments.us/reader033/viewer/2022042723/58ec0c031a28abf9228b4715/html5/thumbnails/8.jpg)
25ms*
* Milliseconds
![Page 9: Show & tell - Who is Hugo?](https://reader033.fdocuments.us/reader033/viewer/2022042723/58ec0c031a28abf9228b4715/html5/thumbnails/9.jpg)
We use Hugo at the end of our publishing process to turn structured content into HTML.
Save your content in the CMS editor,
click publish & Hugo goes to work…
![Page 10: Show & tell - Who is Hugo?](https://reader033.fdocuments.us/reader033/viewer/2022042723/58ec0c031a28abf9228b4715/html5/thumbnails/10.jpg)
Initially a lot of the front end work was
to be done with Hugo.
But Hugo can be a frustrating beast…
![Page 11: Show & tell - Who is Hugo?](https://reader033.fdocuments.us/reader033/viewer/2022042723/58ec0c031a28abf9228b4715/html5/thumbnails/11.jpg)
Templating with Hugo
![Page 12: Show & tell - Who is Hugo?](https://reader033.fdocuments.us/reader033/viewer/2022042723/58ec0c031a28abf9228b4715/html5/thumbnails/12.jpg)
- Inconsistent documentation
- Rigid & inflexible templates
- Repetitious structure
- Reliance on Markdown
It was tricky to really do what we wanted…
So what’s wrong with Hugo?
![Page 13: Show & tell - Who is Hugo?](https://reader033.fdocuments.us/reader033/viewer/2022042723/58ec0c031a28abf9228b4715/html5/thumbnails/13.jpg)
The Dev & Design contingent
Tom Trentham
Tom Natt
Kelvin Gan
Phil Wilson
Liam McMurray
Dan Dineen
![Page 14: Show & tell - Who is Hugo?](https://reader033.fdocuments.us/reader033/viewer/2022042723/58ec0c031a28abf9228b4715/html5/thumbnails/14.jpg)
So, in the
we iterated...
Spirit of Agile
![Page 15: Show & tell - Who is Hugo?](https://reader033.fdocuments.us/reader033/viewer/2022042723/58ec0c031a28abf9228b4715/html5/thumbnails/15.jpg)
We now play directly to its strengths &
simply use Hugo to compile the site at
the end of everything else…
![Page 16: Show & tell - Who is Hugo?](https://reader033.fdocuments.us/reader033/viewer/2022042723/58ec0c031a28abf9228b4715/html5/thumbnails/16.jpg)
> Oh, and Liam > the -w flag at the end > of the hugo server -w > command tells Hugo to > watch files and recompile > the site if any files change