{"id":2398,"date":"2020-03-23T15:46:38","date_gmt":"2020-03-23T08:46:38","guid":{"rendered":"https:\/\/webvocuc.com\/blog\/?p=2398"},"modified":"2021-08-26T15:18:48","modified_gmt":"2021-08-26T08:18:48","slug":"huong-dan-cach-tao-wed-bang-hugo","status":"publish","type":"post","link":"https:\/\/webvocuc.com\/blog\/huong-dan-cach-tao-wed-bang-hugo.html","title":{"rendered":"H\u01b0\u1edbng d\u1eabn c\u00e1ch t\u1ea1o wed b\u1eb1ng Hugo"},"content":{"rendered":"

H\u01b0\u1edbng d\u1eabn c\u00e1ch t\u1ea1o wed<\/strong> b\u1eb1ng Hugo<\/a>. M\u1ed7i c\u00f4ng c\u1ee5 SSG s\u1eed d\u1ee5ng m\u1ed9t ng\u00f4n ng\u1eef ri\u00eang \u0111\u1ec3 l\u00e0m template v\u00e0 code. Trong \u0111\u00f3, Hugo th\u00e2n thi\u1ec7n v\u1edbi h\u1ec7 \u0111i\u1ec1u h\u00e0nh Windows, Hugo vi\u1ebft b\u1eb1ng ng\u00f4n ng\u1eef Go, th\u1eddi gian build m\u1ed9t trang web<\/a> c\u1ef1c nhanh.<\/p>\n

1. T\u1ea1o wed b\u1eb1ng c\u00e1ch c\u00e0i \u0111\u1eb7t Hugo cho Windows<\/h2>\n

\"t\u1ea1o<\/p>\n

B\u1ea1n download file zip m\u1edbi nh\u1ea5t t\u1ea1i \u0111\u00e2y: https:\/\/github.com\/gohugoio\/hugo\/releases<\/a><\/p>\n

\u0110\u1ed1i v\u1edbi Windows 10 \u2013 64Bit b\u1ea1n download b\u1eb1ng link n\u00e0y: https:\/\/github.com\/gohugoio\/hugo\/releases\/download\/v0.39\/hugo_0.39_Windows-64bit.zip<\/p>\n

Sau khi gi\u1ea3i n\u00e9n file zip n\u00e0y ta s\u1ebd \u0111\u01b0\u1ee3c m\u1ed9t file hugo.exe.<\/p>\n

B\u00e2y gi\u1edd h\u00e3y g\u00f5 l\u1ec7nh hugo version \u1edf CMD \u0111\u1ec3 ki\u1ec3m tra.<\/p>\n

2. B\u1eaft \u0111\u1ea7u t\u1ea1o wed \u0111\u1ea7u ti\u00ean b\u1eb1ng Hugo<\/h2>\n

\u0110\u1ea7u ti\u00ean t\u1ea1o b\u1ed9 khung project b\u1eb1ng Hugo command: hugo new site [TenWebsite]<\/p>\n

L\u00fac n\u00e0y th\u00ec website c\u1ee7a ch\u00fang ta \u0111ang tr\u1eafng tr\u01a1n, ch\u01b0a c\u00f3 g\u00ec c\u1ea3.<\/p>\n

3. T\u1ea3i m\u1ed9t b\u1ed9 giao di\u1ec7n (theme) v\u1ec1 s\u1eed d\u1ee5ng<\/h2>\n

C\u00f3 th\u1ec3 chuy\u1ec3n \u0111\u1ed5i giao di\u1ec7n \u0111\u1ed9ng, do ng\u01b0\u1eddi d\u00f9ng ch\u1ecdn, sau khi \u0111\u00e3 build b\u1eb1ng hugo kh\u00f4ng?<\/em><\/p>\n

Kh\u00f4ng th\u1ec3, v\u00ec build ra Html ho\u00e0n to\u00e0n l\u00e0 t\u0129nh n\u00ean link b\u00e0i vi\u1ebft (post) v\u00e0 link \u0111\u1ebfn c\u00e1c trang kh\u00e1c nhau, css \u0111\u1ec1u \u0111\u00e3 \u0111\u01b0\u1ee3c c\u1ed1 \u0111\u1ecbnh v\u00e0o 1 th\u01b0 m\u1ee5c. B\u1ea1n c\u00f3 th\u1ec3 th\u1ea5y sau khi build b\u1eb1ng l\u1ec7nh hugo s\u1ebd hi\u1ec7n ra th\u01b0 m\u1ee5c t\u00ean public c\u00f3 c\u00e1c file sau khi \u0111\u01b0\u1ee3c build ra trang web ho\u00e0n ch\u1ec9nh. N\u1ebfu b\u1ea1n mu\u1ed1n thay \u0111\u1ed5i giao di\u1ec7n b\u1ea1n ph\u1ea3i ch\u1ecdn l\u1ea1i theme v\u00e0 s\u1eeda config.toml r\u1ed3i build l\u1ea1i.<\/p>\n

\"t\u1ea1o<\/p>\n

4. Vi\u1ebft b\u00e0i \u0111\u0103ng l\u00ean website b\u1eb1ng Hugo<\/h2>\n

Trong tr\u01b0\u1eddng h\u1ee3p b\u1ea1n d\u00f9ng m\u1ed9t theme c\u1ed1 \u0111\u1ecbnh. B\u1ea1n kh\u00f4ng c\u1ea7n \u0111\u1ebfn th\u01b0 m\u1ee5c themes. C\u00f3 th\u1ec3 paste tr\u1ef1c ti\u1ebfp to\u00e0n b\u1ed9 n\u1ed9i dung themes v\u00e0o th\u01b0 m\u1ee5c root lu\u00f4n.<\/p>\n

H\u00e3y v\u00ed d\u1ee5 giao di\u1ec7n \u201chugo-tranquilpeak-theme\u201d l\u00e0 c\u1ed1 \u0111\u1ecbnh th\u00ec ta download file zip v\u1ec1 v\u00e0 gi\u1ea3i n\u00e9n \u0111\u00e8 v\u00e0o th\u01b0 m\u1ee5c g\u1ed1c MyBlog lu\u00f4n.<\/p>\n

5. T\u1ea1o wed<\/a> v\u1eeba l\u00e0m l\u00ean m\u1ea1ng<\/h2>\n

Nh\u01b0 v\u1eady l\u00e0 c\u01a1 b\u1ea3n sau khi c\u00f3 m\u1ed9t trang Blog v\u1edbi giao di\u1ec7n ngon ngh\u1ebb v\u00e0 vi\u1ebft c\u00e1c b\u00e0i \u0111\u1ec3 chia s\u1ebb th\u00ec gi\u1edd ch\u00fang ta c\u00f3 th\u1ec3 \u0111\u01b0a n\u00f3 l\u00ean m\u1ea1ng \u0111\u01b0\u1ee3c r\u1ed3i.<\/p>\n

Ch\u00fang ta kh\u00f4ng c\u1ea7n mua hosting m\u00e0 h\u00e3y \u0111\u01b0a code l\u00ean trang github. Ai c\u0169ng t\u1ea1o t\u00e0i kho\u1ea3n github free \u0111\u01b0\u1ee3c v\u00e0 github kh\u00f4ng gi\u1edbi h\u1ea1n s\u1ed1 code website (s\u1ed1 Repository) m\u00e0 b\u1ea1n \u0111\u01b0a l\u00ean. Trang Github c\u00f3 m\u1ed9t d\u1ecbch v\u1ee5 mi\u1ec5n ph\u00ed l\u00e0 hosting \u0111\u01b0\u1ee3c file html t\u0129nh, \u0111\u01b0\u1ee3c g\u1ecdi l\u00e0 Github Pages. B\u1ea1n \u0111\u01b0a code d\u1ea1ng html t\u0129nh l\u00ean tr\u00ean Github th\u00ec l\u1eadp t\u1ee9c c\u00f3 th\u1ec3 hi\u1ec3n th\u1ecb \u0111\u01b0\u1ee3c file html \u0111\u00f3 d\u01b0\u1edbi d\u1ea1ng website th\u00f4ng th\u01b0\u1eddng.<\/p>\n

Ch\u00fa \u00fd l\u00e0 trong b\u00e0i h\u01b0\u1edbng d\u1eabn n\u00e0y m\u00ecnh \u0111\u01b0a trang web l\u00ean Github ch\u1ec9 c\u00e1c m\u00e3 ngu\u1ed3n \u0111\u00e3 \u0111\u01b0\u1ee3c gen ra (t\u1ea1o ra html) b\u1eb1ng Hugo. V\u00e0 kh\u00f4ng \u0111\u01b0a to\u00e0n b\u1ed9 source c\u1ee7a Hugo l\u00ean. N\u1ebfu b\u1ea1n mu\u1ed1n chia s\u1ebb m\u00e3 ngu\u1ed3n hugo c\u1ee7a b\u1ea1n th\u00ec b\u1ea1n public to\u00e0n b\u1ed9 l\u00ean gitHub c\u0169ng \u0111\u01b0\u1ee3c.<\/p>\n

V\u00e0 nh\u01b0 th\u1ebf l\u00e0 b\u1ea1n \u0111\u00e3 c\u00f3 m\u1ed9t trang Blog c\u00e1 nh\u00e2n ho\u00e0n ch\u1ec9nh r\u1ed3i \u0111\u1ea5y! Ch\u00fac c\u00e1c b\u1ea1n t\u1ea1o web th\u00e0nh c\u00f4ng.<\/p>\n","protected":false},"excerpt":{"rendered":"

H\u01b0\u1edbng d\u1eabn c\u00e1ch t\u1ea1o wed b\u1eb1ng Hugo. M\u1ed7i c\u00f4ng c\u1ee5 SSG s\u1eed d\u1ee5ng m\u1ed9t ng\u00f4n ng\u1eef ri\u00eang \u0111\u1ec3 l\u00e0m template v\u00e0 code. Trong \u0111\u00f3, Hugo th\u00e2n thi\u1ec7n v\u1edbi h\u1ec7 \u0111i\u1ec1u h\u00e0nh Windows, Hugo vi\u1ebft b\u1eb1ng ng\u00f4n ng\u1eef Go, th\u1eddi gian build m\u1ed9t trang web c\u1ef1c nhanh. 1. T\u1ea1o wed b\u1eb1ng c\u00e1ch c\u00e0i \u0111\u1eb7t Hugo cho […]<\/p>\n","protected":false},"author":2,"featured_media":2401,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[8],"tags":[223],"class_list":["post-2398","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-thiet-ke-website","tag-tao-wed"],"jetpack_featured_media_url":"https:\/\/webvocuc.com\/blog\/wp-content\/uploads\/2020\/03\/huong-dan-cach-tao-wed-bang-hugo-2.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/webvocuc.com\/blog\/wp-json\/wp\/v2\/posts\/2398","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webvocuc.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webvocuc.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webvocuc.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/webvocuc.com\/blog\/wp-json\/wp\/v2\/comments?post=2398"}],"version-history":[{"count":2,"href":"https:\/\/webvocuc.com\/blog\/wp-json\/wp\/v2\/posts\/2398\/revisions"}],"predecessor-version":[{"id":4123,"href":"https:\/\/webvocuc.com\/blog\/wp-json\/wp\/v2\/posts\/2398\/revisions\/4123"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webvocuc.com\/blog\/wp-json\/wp\/v2\/media\/2401"}],"wp:attachment":[{"href":"https:\/\/webvocuc.com\/blog\/wp-json\/wp\/v2\/media?parent=2398"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webvocuc.com\/blog\/wp-json\/wp\/v2\/categories?post=2398"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webvocuc.com\/blog\/wp-json\/wp\/v2\/tags?post=2398"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}