Computer >> Hướng Dẫn Máy Tính >  >> Kết Nối Mạng >> Internet

Cách Lưu Trữ Blog Miễn Phí Với Jekyll Và GitHub Pages

Nếu muốn bắt đầu blog, tên đầu tiên thường gặp là WordPress. Có lý do. WordPress cực kỳ linh hoạt, chạy cả web lớn lẫn nhỏ. Vấn đề: không phải web nào cũng cần hạ tầng mạnh như vậy, đặc biệt blog đơn giản.

Lựa chọn nhỏ gọn, đơn giản, rẻ hơn có sẵn. GitHub Pages, ví dụ, miễn phí cho dùng cá nhân. Kết hợp Jekyll, trình tạo trang tĩnh (static site generator), bạn có mọi thứ cho blog. Tốt hơn, hoàn toàn miễn phí.

Trước Khi Bắt Đầu

Bạn chạy Jekyll trên máy tính, chỉ macOS và Linux được hỗ trợ chính thức. Chúng tôi bao trùm cả hai, và hướng dẫn Linux có thể chạy trên Windows Subsystem for Linux (WSL) Ubuntu. Tuy chưa test.

Cũng cần trình soạn thảo văn bản tốt. TextEdit hoặc GEdit đủ, nhưng có thể muốn thứ mạnh hơn. Chúng tôi đã xem vài trình soạn thảo cross-platform tuyệt vời trước đây.

Những Điều Nên Biết

Nên có ít nhất sự quen thuộc cơ bản với dòng lệnh (command line). Quen git và GitHub cũng cần thiết. Nếu không quen, chúng tôi có hướng dẫn git, và tài liệu GitHub chính thức rất tốt.

Cuối cùng, Jekyll dùng Markdown, cho phép viết văn bản thuần túy nhưng trình bày HTML cho người dùng. Nên quen Markdown, hoặc ít nhất sẵn sàng học. Có vẻ khó, nhưng Markdown dễ học (chúng tôi có cheatsheet).

Cài Đặt Jekyll Và Phụ Thuộc

Đã test trên macOS Mojave và Ubuntu 18.04. Nếu chạy phiên bản khác, có thể cần xem trang Jekyll để biết thêm.

macOS

Trước khi cài Jekyll, cài công cụ dòng lệnh XCode:

xcode-select --install

Chọn Install, chờ hoàn tất. Bây giờ cài Jekyll và Bundler:

gem install --user-install bundler jekyll

Khi chạy lệnh, sẽ thấy cảnh báo như:

WARNING: You don't have /Users/YOURNAME/.gem/ruby/2.3.0/bin in your PATH, gem executables will not run.

Lưu ý số phiên bản. Giả sử như trên, chạy lệnh sau, thay số phiên bản nếu khác:

echo export 'PATH=$HOME/.gem/ruby/2.3.0/bin:$PATH' >> ~/.bash_profile
source ~/.bash_profile

Ubuntu

Trước khi cài Jekyll, cài công cụ build:

sudo apt-get install ruby-full build-essential zlib1g-dev

Giống macOS, muốn cài và chạy từ thư mục home thay vì root. Chạy lệnh:

echo 'export GEM\_HOME="$HOME/gems"' >> ~/.bashrc
echo 'export PATH="$HOME/gems/bin:$PATH"' >> ~/.bashrc
source ~/.bashrc

Bây giờ cài Jekyll và Bundler:

gem install jekyll bundler

Kiểm Tra Cài Đặt Jekyll

Đảm bảo mọi thứ chạy, chạy:

jekyll -v

Nếu cài đúng, thấy thông báo kèm số phiên bản. Nếu thấy command not found, xem tài liệu Jekyll.

Thiết Lập Blog Mới Với Jekyll

Jekyll cài xong, tạo blog mới đơn giản:

jekyll new blog

Dùng tên bất kỳ thay "blog". Đơn giản là tên thư mục Jekyll tạo. Bây giờ cd vào thư mục vừa tạo, chạy:

bundle exec jekyll serve

Sẽ chạy blog mới cục bộ trên máy. Mở URL hiển thị trên trình duyệt xem trang. Như thấy, còn việc làm. Nhấn Ctrl + C để dừng.

Tùy Chỉnh Blog

Để sửa tiêu đề trang và thông tin khác, mở thư mục blog, sửa "_config.yml". Các tùy chọn khá rõ ràng. Nếu muốn, sửa trang chủ, file "index.md", tuy nhiên tùy chọn.

Để viết bài đầu tiên, mở thư mục "_posts", thấy bài mẫu. Mở sửa, hoặc copy tạo bài mới.

Triển Khai Blog Lên GitHub

Trang web sẵn sàng cục bộ, giờ đưa lên mạng. Nếu chưa có tài khoản GitHub, đăng ký, cài và cấu hình git trên máy. Tiếp, tạo repository mới tên username.github.io, thay "username" bằng username GitHub của bạn.

Mở terminal, cd vào thư mục blog. Chạy lệnh:

git init
git add --all
git commit -m "initial commit"
git remote add origin https://github.com/username/username.github.io.git
git push -u origin master

Bây giờ truy cập username.github.io thấy blog mới. Nếu chưa hiện ngay, chờ vài phút thử lại.

Bước Tiếp Theo

Các bước trên chỉ cơ bản để chạy. Jekyll còn nhiều thứ, hãy xem tài liệu. Có nhiều theme để làm đẹp blog.

Còn bước tiếp với GitHub Pages. Bật HTTPS trước phức tạp, giờ làm trong cài đặt repository. Thiết lập tên miền riêng cũng đơn giản, GitHub có hướng dẫn hay.

Một lưu ý cuối: tốt nhất kiểm tra thay đổi cục bộ trước khi commit lên repository. Chạy lệnh bundler dùng trước để xem trang trên máy. Giúp bắt từ lỗi chính tả đến lỗi cú pháp Markdown.