Build a Website in the 3 Minutes

Transcript

1. Build a Website in the 3 Minutes
2. Agenda ＋ What is Hugo? ＋ Why Hugo? ＋ How to Install ＋ How to Use ＋ Q&A
3. What Is Hugo
4. What Is Hugo 1. A static website generator 2.A Document generator Image Source: https://gohugo.io/
5. Why Hugo
6. Why Hugo For Engineer: 1.Very fast 2.Powered by Golang 3.Support hosting on the GitHub
7. Why Hugo For Designer: 1.Support custom template 2.Support template engine 3.Pure HTML
8. Why Hugo For End-User: 1.Easy to use 2.Publish new content by self 3.Support markdown 4.Mascot is CUTE 5.Over 100 free templates
9. Image Source: https://store.line.me/stickershop/product/1349132/
10. 可愛いは正義 CUTE IS JUSTICE
11. How to Install
12. How to Install Requirement System: MacOS / Linux / Windows with Golang
13. How to Install MacOS brew install hugo Linux https://gohugo.io/getting-started/installing/#linux Windows https://gohugo.io/getting-started/installing/#windows
14. How to Use
15. How to Use # Create a new project $ hugo new site ztron # Add the theme $ cd ztron $ git init $ git submodule add \ https://github.com/budparr/gohugo-theme- ananke.git themes/ananke # Set theme $ echo 'theme = "ananke"' >> config.toml
16. How to Use # Add a new content $ hugo new posts/zwave-device.md # Local test $ hugo server -D
17. 內⽂文空⽩白⾴頁 請在框架中放入圖或⽂文
18. 內⽂文空⽩白⾴頁 請在框架中放入圖或⽂文