Cách tạo blog miễn phí với Jekyll và Github Pages

Why Jekyll?

  • Free
  • Dễ chọc ngoáy
  • subdomain github.io nghe ngầu
  • Không cần setup local environment
  • Không cần build dưới local
  • Nhiều người dùng

Demo: https://jekyll.github.io/minima/

1. Fork, rename

Fork repo Jekyll mà bạn muốn. Gợi ý: Theme Minima - chính thức của Jekyll phát hành hoặc vẫn là cái theme Minima đó nhưng mình lôi về bổ sung category, default front matter
Sau ít phút sẽ xiên xong. bây giờ nhấn Setting.
Trong ô repository name: Nếu bạn muốn blog có url là yourname.github.io thì gõ yourname.github.io vào ô trống, nếu muốn url là yourname.github.io/something thì điền something vào ô trống. Rồi bấm Rename.
alt text

2. Enable Github Pages (nếu chưa được enable)

Cũng trong trang Settings đó, bạn kéo xuống dưới phần Github Page, chọn Source là master-branch.
alt text
Sẽ xuất hiện thông báo thành công. Thông báo thì nhanh nhưng có khi mất vài phút để cập nhật nên bạn truy cập vào yourname.github.io vẫn hiện cái màn hình 404 thì đừng hoảng hốt.

Nếu gặp lỗi:

Nếu thấy CSS không được link vào, mở file _config.yml rồi điền tên repo của bạn vào mục baseurl

alt text

3. _config.yml

Trong _config.yml có mấy chỗ để đổi tên trang (name), mô tả trang (description), và link avatar, link mạng xã hội... bạn điền vào phần tương ứng. Có thể mất vài phút và CTRL F5 để cập nhật.

4. Thả file markdown vào

Mỗi 1 file markdown bạn quăng vào sẽ được render ra thành 1 bài viết.

Quăng file .md vào thư mục _posts. Tên file dạng 2018-4-22-ten-bai-post.md. Ở đầu mỗi file markdown có front matter như này:

---
title: Tên bài post
categories: life 
---

Lưu ý:
Nếu không thấy bài viết mới được tạo thì kiểm tra xem tên file có đúng tháng trước ngày sau, front matter có đủ 3 dấu gạch, dòng trên dòng dưới có dính vào nhau không, title có kí tự đặc biệt không.

Chúc các bạn thành công!

Bình luận


White
{{ comment.user.name }}
Bỏ hay Hay
{{comment.like_count}}
Male avatar
{{ comment_error }}
Hủy
   

Hiển thị thử

Chỉnh sửa

White

Mòe

5 bài viết.
352 người follow
Kipalog
{{userFollowed ? 'Following' : 'Follow'}}
Cùng một tác giả
White
122 44
Google cách học tốt Tiếng Anh thì ra hàng đống kết quả nhưng bạn mãi không dùng được cái nào. Vậy thay vì tìm cách học tốt hãy đọc thử những cách h...
Mòe viết hơn 2 năm trước
122 44
White
43 10
(Ảnh) Dùng CSS để "sửa" nội dung HTML Ngoài nguyên nhân là muốn chơi nổi thì lí do phải dùng code CSS để tác động vào HTML là khi bạn không được...
Mòe viết gần 2 năm trước
43 10
White
33 16
Bài này sẽ hướng dẫn tạo theme Wordpress mà không sử dụng gì. Gồm 5 phần với thứ tự như sau: Tạo theme tĩnh, Các khái niệm dễ gây nhầm lẫn trong Wo...
Mòe viết hơn 1 năm trước
33 16
{{like_count}}

kipalog

{{ comment_count }}

bình luận

{{liked ? "Đã kipalog" : "Kipalog"}}


White
{{userFollowed ? 'Following' : 'Follow'}}
5 bài viết.
352 người follow

 Đầu mục bài viết

Vẫn còn nữa! x

Kipalog vẫn còn rất nhiều bài viết hay và chủ đề thú vị chờ bạn khám phá!