30/09/2018, 17:05

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

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 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 (ít nhất là phải đọc qua bài này )

##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ả (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 , 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ễ )

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)

Mai Anh Dũng viết 19:10 ngày 30/09/2018

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 viết 19:10 ngày 30/09/2018

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

X viết 19:13 ngày 30/09/2018

host là github luôn

Byn viết 19:17 ngày 30/09/2018

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 viết 19:05 ngày 30/09/2018

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 , đổi tên xong thì phải setting lại nhé

Thành Phạm viết 19:21 ngày 30/09/2018

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

Nguyễn Chí Cần viết 19:22 ngày 30/09/2018

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

X viết 19:17 ngày 30/09/2018

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

Mai Anh Dũng viết 19:17 ngày 30/09/2018

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

X viết 19:08 ngày 30/09/2018

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 mới học xong html căn bản

Thành Phạm viết 19:16 ngày 30/09/2018

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

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 , 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ó

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

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

X viết 19:16 ngày 30/09/2018

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

Mai Anh Dũng viết 19:21 ngày 30/09/2018

Ừ, 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 viết 19:10 ngày 30/09/2018

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

Duy Quoc viết 19:17 ngày 30/09/2018

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

abcxyz viết 19:13 ngày 30/09/2018

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 viết 19:18 ngày 30/09/2018

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

http://ktmt.github.io/

repo của nó đây

GitHub

ktmt/ktmt.github.com

ktmt.github.com

abcxyz viết 19:14 ngày 30/09/2018

tênh kiu
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

Thành Phạm viết 19:20 ngày 30/09/2018

: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

https://vnhacker.blogspot.com/

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ùngnhưng mình lại k chuyên về web

Bạn cứ viết cái nào mình mạnh nhất, và sâu nhất là được 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.

abcxyz viết 19:13 ngày 30/09/2018

cái repo kia, có trojan bạn ơi

Bài liên quan
0