Làm thế nào để sử dụng Jekyll?

1
43
views

Jekyll là gì?

Jekyll khá nổi tiếng trên github. với lượng Fork lên đến 7.729 lượt, lượng Star hơn 35k

đây là một dạng CMS đơn giản chỉ dùng HTML. Chuyển thể nội dung từ Markdown và sử dụng liquid templates. Dù sản phẩm chỉ là một web tĩnh nhưng việc quản lý jekyll mang đến một sự đơn giản và rất động.

Vậy tại sao chúng ta sử dụng Jekyll?

Một lý do lớn nhất đó là hiệu năng tốt của một trang web thuần html sẽ đơn giản và nhanh chóng hơn rất nhiều so với một trang web sử dụng các ngôn ngữ lập trình. Tiếp theo nữa đó là bảo mật, thật khó để hacker có thể chọc ngoáy website của bạn khi nó chỉ thuần HTML.

Một điều khá quan trọng để chúng ta quyết định sử dụng jekyll vì cách tiếp cận rất đơn giản dù đằng sau jekyll là ruby. Tuy nhiên đừng lo lắng nếu không biết ruby là gì.

Vậy sử dụng jekyll như thế nào?

  1. truy cập trang web của jekyll.
  2. cài đặt jekyll vào máy của bạn

    • Hãy chắc chắn máy bạn có cài ruby
    • Tiếp theo hãy cài gem jekyll gem install bundler jekyll
    • xong bước 2
  3. tạo một jekyll website
    • jekyll new tên-site lúc này trong folder của bạn sẽ có thêm 1 folder tên-site
    • vào cái folder cd tên-site
    • đến đây là bạn đã tạo và ở trong website jekyll
    • hết bước 3
  4. chạy chơi jekyll xem sao
    • jekyll serve --livereload sau khi chạy xong thì mặc định bạn cần vào localhost:4000 thì sẽ thấy website sử dụng jekyll.

Tìm hiểu 1 chút về jekyll

khi vào folder vừa cài đặt ở đây là tên-site thì bạn sẽ thấy

_config.yml
_posts/
_site/
404.html
about.md
index.md

chỉ để chạy chơi và thêm một post nên chúng ta chỉ cần quan tâm đến folder _posts. Nếu thêm một bài viết tiêu đề là “bài viết mới” thì chúng ta cần thêm 1 file vào folder _posts định dạng như sau năm-tháng-ngày-bai-viet-moi.md nhớ .md vì đây là định dạng được jekyll hỗ trợ.

Trong file .md này bạn sẽ cần khai báo như sau

---
layout: post
title:  "Welcome to Jekyll!"
date:   2018-08-07 15:57:23 +0700
categories: jekyll update
---

phần này là nội dung của bài viết

Tạm thời chưa đi sâu vào jekyll nên chúng ta chỉ cần để ý đến title, date, categories

sau khi chúng ta đã thêm 1 file như thế này thì _site/ chính là website của chúng ta. Quay trở lại localhost:4000 để xem bài viết đã được cập nhật.

Đấy! chỉ đơn giản thế là bạn đã tạo được 1 website bằng jekyll. Tuy nhiên nếu bạn ném tất cả lên 1 host nào đấy thì nó vẫn chưa chạy được đâu nhé. Phạm trù bài viết này chỉ tìm hiểu “lơ mơ” jekyll vậy thôi phần tiếp theo sẽ giúp chúng ta chạy jekyll trên hosting của mình.

Trong loạt bài viết này chúng ta sẽ có:

  1. làm thế nào để sử dụng jekyll ? – bài viết này
  2. làm thế nào để chạy jekyll trên môi trường internet ?
  3. Tìm hiểu về liquid
  4. Làm thế nào để thay đổi giao diện jekyll có sẵn ?
  5. làm thế nào tạo giao diện của chính mình trên jekyll ?

1 BÌNH LUẬN

BÌNH LUẬN

Please enter your comment!
Please enter your name here