Tải & Path Hugo
Nên tải những phiên bản extended và nhớ chọn version mới nhất nhé.
Path
Sau khi Path xong thì mở cmd gõ hugo version để kiểm tra. Nếu không báo ERROR thì Ok nhé.
Tạo web
Create new site
Mở cmd lên gõ hugo new site xxx.
Trong đó xxx là tên site bạn đặt tùy ý nhé.
Chọn theme
Link: https://themes.gohugo.io/
Chọn xong thì Clone theme về. Sau đó chuyển file theme vào trong folder xxx\theme nhé. (xxx là gì thì xem lại phần Create new site).
Setup web
Tiếp tục vào theme\exampleSite và Copy tất cả và trở lại folder xxx dán đè lên.
Đã tạo được web cơ bản rồi
Để xem thành quả các bạn gõ hugo server và truy cập http://localhost:1313/ . Các bạn thấy hay không nào. Nhưng phần hay ở phía dưới nhé.
Đẩy web lên github để Public
Đúng vậy, phải đẩy lên để đi khoe chứ. Đầu tiên các bạn lên github tạo 1 cái repo với tên là username.github.io (username là username github của bạn, phần đằng sau github.com\ ở link profile của các bạn ấy).
Quan trọng nhất
Các bạn mở cmd và cd vào folder xxx và gõ hugo (đây là lệnh chuyển đổi sang html,css,.. vào file Public để push lên github đấy).
Tiếp tục cd vào xxx\Public. Và thực hiện các lệnh trên cmd theo thứ tự như sau:
- git init (lệnh này để khởi tạo).
- git remote add origin url-repo (trong đó url-repo là cái gì thì xem ảnh dưới để biết và lấy cho đúng).
- git add .
- git commit -m "bạn cam kết cái gì thì viết vào đây"
- git push -u origin master
Taddaaaaaa................Xem thử cái web ra sao nào
Các bạn mở repo lên và Click vào Settings, kéo xuống title "Github Pages". Nếu có màu xanh như trong ảnh dưới thì đã push thành công nhé.
Nhưng..........
Mình cần bonus thêm 1 ý vì chỉ làm như trên thì web mở lên chưa được màu gì (bay mất css đâu rồi). Nhưng đơn giản thôi, đừng lo. Quay lại folder xxx nhé, mở file mở file config.tomf lên. Tại dòng baseURL hãy sửa thành url của các bạn (username.github.io). và làm lại từ bước dưới ảnh nhé.
Xong!
Quá đơn giản phải không. Bài dài vậy là chi tiết đó, chứ làm thì có 3-5 phút thôi. Vậy nên chúc các bạn thành công. Cuối cùng hãy xem 1 sản phẩn của mình với theme Cactus: https://huuthang.xyz/
