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

github
blog
jekyll

(Thành Phạm) #1

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:


[Hỏi Ngu] Hiện em đang có ý định lập một website?
Giúp đỡ cách build blog Jekyll trên miền github
(Lê Trần Đạt) #2

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?


(Thành Phạm) #3

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


(X) #4

host là github luôn smile


(Byn) #5

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


(Thành Phạm) #6

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


(Thành Phạm) #7

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


(Nguyễn Chí Cần) #8

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


(X) #9

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


(Lê Trần Đạt) #10

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


(X) #11

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


(Thành Phạm) #12

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/


(X) #13

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


(Lê Trần Đạt) #14

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


(Tao) #15

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


(Duy Quoc) #16

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:


(abcxyz) #17

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/


(Thành Phạm) #18

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

https://github.com/ktmt/ktmt.github.com


(abcxyz) #19

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:


(Thành Phạm) #20

: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.


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