Học và làm website trong vòng 30 phút với Github.

Đấy, sau khi đọc xong bài này mình hứa là các bạn có thể làm được 1 website đẹp như trên hoặc đẹp hơn trong vòng 30' .

1.Chuẩn bị

1.1. Tài khoản Github

Mình đoán đa số các bạn đọc bài này đều là developer nên việc có tài khoản trên đây sẽ gần như hiển nhiên 😜 Không có thì vào Github mà đăng kí nhé 😫 . Đây chính là nơi lưu trữ mã nguồn website của chúng ta.

1.2. Editor IDE

Ở đây cho nhanh gọn thì mình sẽ dùng luôn Visual Code. Các bạn dùng Editor IDE nào cũng được. Mình yêu cái sự nhẹ, dễ dùng của Visual Code khi chỉnh sửa code.

1.3. Theme Jekyll sạch đẹp

Cái hay ho của Jekyll là chúng ta có cả cộng động khá rộng. Nên việc tìm được một theme Jekyll ưng ý cho các bạn là khá dễ dàng. Mình thì mình thường vào 2 websites: jekyllthemes.orgthemes.jekyllrc.org để kiếm theme.

2. Sắn tay vào làm.

Chuẩn bị thế là đủ rồi, cùng làm nào. 😜

2.1. Tạo Repository Github

Các bạn tạo một repository mới với tên theo dạng như sau: username.github.io Như user của mình là morejump thì repository mình sẽ thành morejump.github.com(Các bạn nhớ là phải chính xác với tên user của mình nhé).

Tạo xong thì các bạn clone về máy và dùng Visual code để chỉnh sửa cho dễ nhé:

git clone https://github.com/morejump/morejump.github.io.git

2.2. Tìm và download theme

Lang thang trên http://jekyllthemes.org thì mình tìm đươc theme Space khá là ưng ý. Nên mình nhanh tay tải về 😂 . Không thằng tác giả nó xóa mất thì sao @@.

Sau khi các bạn tải về thì nhớ giải nén và vứt vào thư mục chúng ta vừa clone từ repository ban đầu đã tạo nhá.

2.3. Config website

Các bạn hãy tìm đến file _config.yml để config của người ta thành của mình nhé. Nếu tác giả nào có tâm thì họ đã comment hết rồi. Ví như theme Space của mình vừa download về thì mình không cần chỉnh sửa gì nhiều.

Như hình trên mình chỉ chỉnh sửa thông tin tác giả thành thông tin của mình: description, title, link avatar... Cực kì dễ phải không nào 😎 . Đừng bạn nào quên là phải commit và push code lên repository nhá. Github nó sẽ đủ thông minh đễ dịch cái mớ bòng bong của bạn thành một website cá nhân đẹp lung linh 😊 Hê, hết rồi.

3. Kết luận

Mình không nổ là chỉ cần 30' đâu. Bạn nào quen việc thì có thể làm còn nhanh hơn rất nhiều. Nhanh như cắt là bạn đã có một website cool ngầu rồi. 😎

Chúc anh chị em có một website đẹp như mình. 😘