Làm Blog bằng Jekyll sử dụng host của Github (level siêu cơ bản)

#Làm Blog bằng Jekyll sử dụng host của Github (level siêu cơ bản)

Hôm trước thấy có anh giới thiệu về cái này nên nghịch thử cho biết, vừa miễn phí lại rất dễ dàng với những bạn không rành về web như mình (còn ai mà rành thì tuỳ biến thêm nữa lại càng hay). Cái mình thích nhất là đăng bài thì chỉ cần soạn bằng Markdown rồi quăng vào repo vậy là xong :smiley:

Mình mới chỉ mò mẫm làm được đến thế này thôi, còn nhiều tính năng hơn thì phải chờ bài viết nào đó advanced hơn :blush: Demo: http://thanhmssl10.github.io

Do dùng Github để làm nên nếu bạn chưa biết github là gì thì nên đọc bài này trước nhá , nếu muốn hiểu sâu hơn nữa thì ấn / xong gõ github nhá.

Mình sẽ viết mục 1 theo kiểu mì ăn liền để cho những bạn chưa biết github là gì cũng có thể làm được, còn mục 2 thì cần phải biết một số chức năng cơ bản của github :wink: (ít nhất là phải đọc qua bài này :sunglasses: )

##1. Đoạn này là tạo repo của blog và sau đó ta sẽ có 1 blog có duy nhất 1 page

Đầu tiên đăng kí 1 tài khoản Github https://github.com/
###Tạo một repo có tên chính xác cú pháp thế này, thay username bằng tên tài khoản của bạn

username.github.io

Quá trình tạo repo:
Làm trên giao diện web của tài khoản Github nhé


New Repository

Điền cái username.github.io vào repository name đó, rồi Creat Repository là xong
###Quá trình tạo trang lần đầu tiên ###Vào username.github.io xem trang của bạn đi :smile: , bây giờ ta chỉ có 1 page duy nhất thôi, nếu bạn muốn hơn thì đọc tiếp nhá :blush:

##2. Bây giờ thì đến lượt ông jekyll
Bạn fork repo của jekyll ở đây về, xong clone về máy, xong clone cả cái repo username.github.io nữa, xong xoá hết dữ liệu bên username.github.io đi , xong paste dữ toàn bộ dữ liệu bên jekyll vào, xong commit, xong sync, xong lên username.github.io xem kết quả :smile: (chú ý là toàn bộ quá trình này không được động đến folder .git, vì đó là folder chứa thông tin của repo)

Có cách nữa đơn giản hơn là fork về xong đổi tên repo như hình động dưới đây:

Bây giờ cứ mò mò nghịch thôi :smile:, chú ý là nghịch 2 cái này trước:

  • _config.yml (chứa một số cài đặt + một số thông tin cơ bản)

  • Thư mục _post (chứa bài viết, muốn viết bài thì chỉ cần quăng file markdown vào đây là xong, chú ý đặt tên đúng cấu trúc: năm-tháng-ngày-tiêu-đề.md)

Theme thì ở đây: http://jekyllthemes.org/ (một số theme làm hệt như với jekyll gốc, vào repo mà fork, nhưng có một số cái thì hình như không làm được như thế, nhưng thôi cứ tìm cái nào có hệ thống file, folder giống giống jekyll thì súc cho dễ :smile: )

Có thể đăng bài từ điện thoại bằng mấy ứng dụng git-client trên android, ios, wp,… (sẽ có bài hướng dẫn với bên android) :sunglasses:

20 Likes

Anh chưa hiểu lắm, mình host cái này lên đâu nhỉ? Lên github hay một server ngoài?

2 Likes

Host lên github ạ, còn cho ra server ngoài hình như cũng làm được nhưng em không biêt làm :blush:

1 Like

host là github luôn :smile:

1 Like

Tại sao mình tạo đường link của mình lại là 13yn.github.io/13yn.github,io nhỉ ???

2 Likes

bạn phải đặt đúng theo cú pháp, ví dụ tên tk của bạn là : 13yn thì phải tạo repo có tên là 13yn.github.io
Còn hiện tại của bạn là byn.github.io :blush: , đổi tên xong thì phải setting lại nhé :smile:

2 Likes

:sweat_smile: Có sự nhầm lẫn nghiêm trọng ở link repo jekyll, link cũ hình như là source của jekyll, đã update lại link mới, chỉ cần fork repo này về xong cho sang username.github.io là xong
https://github.com/barryclark/jekyll-now


update thêm tí ảnh gif cho dễ hiểu :sunglasses:

1 Like

Có thể trỏ domain về không bác? Với lại có dùng source khác được không

trỏ domain khác thì đươc, source khác thì không rõ. mà chắc là không được :joy:
dú bận bịu thi cử nhưng vẫn vừa làm một con blog http://minhhuy150894.github.io

1 Like

Sao thấy không đẹp bằng của @thanhmssl10 nhỉ :joy:

2 Likes

do theme của nó như vậy, chỉnh sửa bớt nhiều thứ nữa nên trống trơn :joy: mới học xong html căn bản

2 Likes

Bạn làm xong mục 1 tức là coi như github cho bạn một host để cho web lên rồi đấy :blush:, mình thử up html lên thì thấy vẫn được, còn php, asp.net thì chưa biết nhưng khả năng là khó :smile:

Của em là theme này ạ :smile: http://jekyllthemes.org/themes/balzac/

http://minhhuy150894.github.io đẹp hơn trước rồi :joy:

1 Like

Ừ, dạo này xu hướng là giao diện đơn giản, và cuộn cuộn giống Facebook Timeline nhỉ.

Cho em hỏi là làm sao để cài 1 cái theme vậy mấy anh?

Tải theme đó về, giải nén và ném hết vào thư mục gốc của blog :slight_smile:

1 Like

bạn cho mình hỏi ngu 1 câu, dùng theme wordpress có đưa lên gihub dùng được không
với lại bạn biết giao diện blog này là giao diện gì không tks
http://ktmt.github.io/

Vụ wordpress mình đoán là không :sweat_smile: wordpress hình như là php mà nhỉ, github pages là công nghệ khác thì phải.

repo của nó đây

1 Like

tênh kiu :grin: :slight_smile:
tại mấy cái theme trên gihub k thấy có theme nào có category
mình đang tính làm 1 bog lập trình , về c/c++, java, python, có thể có sql server, assemby nhưng tại sql dễ nên mình nghĩ ít ng cần, với lại assembly thì ít dùng, có mấy lão reversed en với bọn điện tử viễn thông dùng
nhưng mình lại k chuyên về web, nên hiểu biết chỉ ở mức cở bản, chưa thể tự code 1 blog từ đầu đến mông được
chắc sử dụng open source :stuck_out_tongue:

1 Like

:V Mình thấy quan trọng nội dung thế nào chứ giao diện k quan trọng lắm đâu, đặc biệt là blog, bạn thấy blog của vnhacker không :smile_cat:

https://vnhacker.blogspot.com/

Bạn cứ viết cái nào mình mạnh nhất, và sâu nhất là được :smile: hoặc cái nào bạn có ý định đi theo á, thì nó hỗ trợ cho việc học của mình luôn.

1 Like
83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?