Hugo Là Gì

  -  

Một ngày đẹp trời, mình bước đầu nổi hứng ao ước tạo một trang blog đến riêng mình để lưu lại những chiếc mình đã thử nghiệm cùng đang kiếm tìm hiểu. Triệu tập chính vào công nghệ và tiếng anh. Mình lượn lờ bên trên mạng cùng xem bí quyết tạo trang web cá thể cũng như dùng cái gì để xử lý vấn đề đó, làm sao là Wordpress, Hexo, Jekyll, Hugo,… và sau một vài ba chục phút khám phá thì mình ra quyết định chọn Hugo để sát cánh cùng mình. Tại sao chỉ còn A mang đến X, vì bạn thích để Z cho mình tự trải nghiệm

Tại sao chọn Hugo?

Hugo là 1 trong nền tảng giúp cho bạn xây dựng một trang web tĩnh tích hợp sẵn cùng với github được viết bằng ngữ điệu Golang (con ruột của Google) và sử dụng markdown (file .md) để viết bài. Links dành cho chính mình nào chưa chắc chắn về markdown trên đây. Vậy tại sao mình lại thực hiện Hugo để tạo ra blog?

Ưu điểm:

Tốc độ build trang web nhanh không tồn tại cơ sở dữ liệu, plugin không yêu cầu bất kể quyền nào, không thấp thỏm về bảo mật.Không có không ít thứ phải tò mò để bắt đầu.

Bạn đang xem: Hugo là gì

Nhược điểm:

Chắc là bạn phải biết chút không nhiều về thiết kế thì sẽ dễ dãi hơn.

Nào, bây giờ vào vấn đề chính, cùng tạo thành một trang web cho chính bản thân mình để khoe với bằng hữu nào.

1.Cài đặt Hugo trên Window

Vì bản thân đang sử dụng Window đề xuất mình vẫn hướng dẫn setup ở trên Window thôi nhé.

Link tải: Hugo -> lựa chọn phiên phiên bản Windows-64bit

Tải về -> bung file vào folder bất kỳ.

Vào Control Panel -> System and Security -> System -> Advanced system settings -> Tab “Advanced” và thiết lập như hình.

*

Mở cmd và gõ lệnh hugo version. Nếu hiển thị loại “Hugo Static Site Generator…” thì tức là bạn đã download Hugo thành công.Okeee, vậy là đã xong bước thứ nhất trong hành trình tạo blog cá nhân, tiếp theo họ sẽ …..

2.Tạo folder mà các bạn lưu source code dưới local.

Chọn một thư mục bất cứ và hotline cmd. Ở trên đây mình sẽ tạo nên thư mục QuanBlog sống ổ đĩa F bằng phương pháp vào ổ F, hotline cmd và thực hiện lệnh hugo new site QuanBlog. Tận hưởng thành quả…tadaaa.

*

3.Chọn theme đến blog của bạn.

Hugo cung cấp một kho theme cho chính mình tha hồ chọn lựa ở https://themes.gohugo.io/.

Ở nội dung bài viết này, mình sẽ thực hiện theme Hello Friend NG để làm theme thiết yếu cho blog. Yia, cài đặt về và thông số kỹ thuật thoai.

Chọn theme cùng clone về folder blog hoặc thiết lập file zip về kế tiếp giải nén với copy vào thư mục themes của bạn.

Mở cmd với clone: git clone https://github.com/rhazdon/hugo-theme-hello-friend-ng.git themes/hello-friend-ng

Sau đó các bạn vào folder exampleSite của theme mà chúng ta vừa download về, copy với ghì đè tổng thể những gì bao gồm trong đó ra phía bên ngoài thư mục chính của bạn (Bao có thư mục content, resources với file config.toml).

Xem thêm: Boron Là Gì - Công Dụng Thuốc Boron

Mở cmd lên với gõ lệnh hugo server, vào trình phê chuẩn và gõ localhost:1313. Tadaaa…Các bạn sẽ được công dụng như này.

*

4.Thử viết một bài xích chào sân chơi new nào.

Vào editor yêu thích của khách hàng để gõ vài loại code nhé. Bản thân thì mình thực hiện Visual Studio Code để tiến hành nhiệm vụ này

*

Bật terminal, gõ hugo new posts/hello.md. Trong các số ấy posts là thư mục posts, hello.md là file để viết bài. Các bạn cấu hình lại như sau.

*

Quay lại trình thông qua và kiểm tra thử coi như nào…

*

Ok rồi nè, tiếp theo….

5.Deploy lên gihub để gửi link sang khoe với bạn bè hay chúng ta bồ nào.

Trước tiên vào github tạo một cái repository để đựng source code cùng đặt tên theo cấu trúc như này để làm tên miền đến trang blog của mình luôn..github.io

Còn nếu để một tên khác, ví như đặt repository là Myblog thì về sau muốn vào trang Blog của bạn, các bạn phải gõ .github.io/Myblog.

Chọn Public sẽ được được kích hoạt Github Pages nhé. Tích vào ô Initialize this repository… sau đó Create repository thôi.

*

Ok, bước tiếp theo mình sẽ liên kết giữa repository trên git với repository bên dưới local của chính mình (là folder QuanBlog), mục đích là để nó phân biệt là cùng chung một đơn vị với nhau, nhằm lát push được source code bên dưới local lên. Mình đang chỉ đẩy code nghỉ ngơi thư mục public lên (thư mục này generate source code của chính bản thân mình ra html để hiển thị lên web). Nếu các bạn không thấy folder này thì vào thư mục thiết yếu gọi cmd và nhập lệnh hugo nhé. Sau đó vào thư mục public và remote repo bên trên git về.

git init

Commit và push code lên github thôi nào.

git add .git commit -m “first commit”git push -u origin master (git push -f orgin master)

*

Vào bình chọn trong repository thấy như này là bạn đã push code thành công rồi đấy. Tiếp theo sau vào Settings, sinh hoạt trong mục Options, kéo xuống phía dưới mục GitHub Pages và bạn sẽ thấy như ảnh dưới đây, nghĩa là bạn đã sở hữu thể sử dụng trang web rồi.

*

Tèn tén, hào hứng quá, vào đánh giá trang web của chính mình nào.

*

Nhưng mà, ối, lý do nó lại ra như thế này, huhu. Đừng vượt lo lắng, bọn họ sẽ giải quyết nhanh thôi mà. Hãy trở lại source code của bạn, vào tệp tin config.toml (ở thư mục chính chứ không hẳn trong folder theme nhé). Sửa dòng baseURL = “https://hongquanhak.github.io/”. Tức thị trỏ tới website của bạn.

Xem thêm: Văn Hóa Công Sở Là Gì ? Tìm Hiểu Về Văn Hóa Công Sở Bàn Thêm Về Khái Niệm Công Sở

Sau đó nhảy terminal lên nhập lệnh hugo nhằm nó generate quý phái thư mục public. Sau cùng vào folder public cùng git add . -> git commit -m “gì gì đó” ->git push origin master

*

Đợi trung bình 10s để github cập nhật lại trạng thái với cuối cùng, chần chừ gì nữa nhưng không bật trang web của mình và tận hưởng thành quả…

*

Okey, vậy là ngừng rồi đó, muốn chỉnh sửa thêm thì các bạn vào tệp tin config.toml để sửa theo ý muốn của chính mình và bao gồm thể đọc thêm về golang nhằm vọc vạch những trò hơn trên trang blog nhé. Chúc các bạn có một trang blog thiệt hịn

*

P/s: À mà nữa, đề xuất tạo thêm một chiếc repository bên trên github cùng để ở chính sách Private dứt rồi push toàn bộ source code của chính mình lên đấy để lỡ sau này có mất tệp tin thì còn clone bên trên git về với tái thực hiện được nhé.