Computer >> Máy Tính >  >> Kết nối mạng >> Internet

Cách lưu trữ blog của bạn miễn phí với các trang Jekyll và GitHub

Cách lưu trữ blog của bạn miễn phí với các trang Jekyll và GitHub

Nếu bạn đang muốn bắt đầu một blog, rất có thể cái tên đầu tiên bạn sẽ gặp là WordPress. Có một lý do cho điều đó. WordPress cực kỳ linh hoạt và cung cấp sức mạnh cho các trang web lớn cũng như các trang web nhỏ. Vấn đề là, không phải mọi trang web đều cần một cơ sở hạ tầng mạnh mẽ như vậy, đặc biệt là một blog đơn giản.

Các tùy chọn nhỏ hơn, đơn giản hơn và rẻ hơn có sẵn. Ví dụ:Trang GitHub miễn phí cho mục đích sử dụng cá nhân. Kết hợp điều đó với Jekyll, một trình tạo trang tĩnh và bạn có mọi thứ bạn cần cho một blog. Tốt hơn nữa, nó hoàn toàn miễn phí.

Trước khi bạn bắt đầu

Bạn sẽ chạy Jekyll trên máy tính của riêng mình và chỉ macOS và Linux được hỗ trợ chính thức. Chúng tôi sẽ đề cập đến cả hai hệ điều hành ở đây và hướng dẫn Linux có thể hoạt động với Hệ thống con của Windows dành cho Linux đang chạy Ubuntu. Điều đó nói rằng, nó chưa được thử nghiệm.

Bạn cũng sẽ muốn có quyền truy cập vào một trình soạn thảo văn bản tốt. TextEdit hoặc GEdit sẽ làm được, nhưng bạn có thể muốn một thứ gì đó mạnh mẽ hơn. Chúng tôi đã xem xét một số trình soạn thảo văn bản đa nền tảng tuyệt vời trong quá khứ.

Những điều bạn nên biết

Bạn nên có ít nhất một sự quen thuộc với dòng lệnh. Việc làm quen với git và GitHub cũng sẽ cần thiết. Nếu bạn chưa quen, chúng tôi có hướng dẫn về git và tài liệu riêng của GitHub rất tuyệt vời.

Cách lưu trữ blog của bạn miễn phí với các trang Jekyll và GitHub

Cuối cùng, Jekyll sử dụng Markdown, cho phép bạn viết bằng văn bản thuần túy nhưng trình bày nội dung của bạn bằng HTML cho người dùng. Bạn nên làm quen với Markdown, hoặc ít nhất là sẵn sàng tìm hiểu nó. Điều này nghe có vẻ khó khăn, nhưng Markdown rất dễ học (chúng tôi thậm chí còn có một bảng cheatsheet cho nó).

Cài đặt Jekyll và các phụ thuộc của nó

Điều này đã được thử nghiệm trên macOS Mojave và Ubuntu 18.04. Nếu bạn đang chạy một phiên bản khác của một trong hai hệ điều hành, bạn có thể cần phải kiểm tra trang web Jekyll để biết thêm thông tin.

macOS

Trước khi có thể cài đặt Jekyll, bạn cần cài đặt công cụ dòng lệnh XCode bằng lệnh sau:

xcode-select --install

Chọn Cài đặt và đợi trình cài đặt hoàn tất. Bây giờ bạn có thể cài đặt Jekyll và Bundler:

gem install --user-install bundler jekyll

Khi bạn chạy lệnh này, bạn sẽ thấy một cảnh báo tương tự như cảnh báo bên dưới:

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ử thông báo trên, hãy chạy các lệnh sau, thay thế số phiên bản chính xác nếu nó khác:

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

Ubuntu

Trước khi cài đặt Jekyll, bạn cần cài đặt các công cụ xây dựng bằng lệnh sau:

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

Như với macOS, chúng tôi muốn cài đặt và chạy từ thư mục chính thay vì thư mục gốc. Chạy các lệnh sau:

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

Bây giờ hãy cài đặt Jekyll và Bundler:

gem install jekyll bundler

Kiểm tra cài đặt Jekyll của bạn

Để đảm bảo mọi thứ luôn hoạt động, hãy chạy như sau:

jekyll -v

Nếu mọi thứ đã được cài đặt chính xác, bạn sẽ thấy một thông báo có số phiên bản. Nếu thay vào đó, bạn thấy một thông báo như lệnh command not found , hãy xem tài liệu Jekyll.

Thiết lập blog mới của bạn với Jekyll

Bây giờ Jekyll đã được cài đặt, việc tạo blog mới của bạn rất đơn giản:

jekyll new blog

Bạn có thể sử dụng bất kỳ tên nào bạn muốn trong lệnh trên thay vì blog. Đây chỉ đơn giản là tên của thư mục mà Jekyll tạo ra. Bây giờ cd vào thư mục bạn vừa tạo và chạy lệnh sau:

bundle exec jekyll serve

Cách lưu trữ blog của bạn miễn phí với các trang Jekyll và GitHub

Thao tác này sẽ khởi chạy blog mới của bạn về cách chạy cục bộ trên máy tính của bạn. Mở URL được hiển thị trong trình duyệt của bạn để xem trang web. Như bạn có thể thấy, có một số việc phải làm. Nhấn Ctrl + C dừng lại.

Tùy chỉnh blog của bạn

Để chỉnh sửa tiêu đề trang web và các thông tin khác, hãy mở thư mục blog của bạn và chỉnh sửa “_config.yml”. Các tùy chọn khác nhau ở đây là khá rõ ràng. Bây giờ, nếu muốn, bạn có thể chỉnh sửa trang chủ của mình, đó là tệp “index.md”, mặc dù đây là tùy chọn.

Cách lưu trữ blog của bạn miễn phí với các trang Jekyll và GitHub

Để bắt đầu viết bài đăng blog đầu tiên của bạn, hãy mở thư mục “_posts” và bạn sẽ thấy một bài đăng mẫu. Mở nó ra và chỉnh sửa nó hoặc sao chép nó để tạo một bài đăng mới.

Triển khai blog của bạn lên GitHub

Giờ đây, trang web của bạn đã được thiết lập cục bộ, đã đến lúc đưa nó lên mạng. Nếu bạn chưa thiết lập tài khoản GitHub, hãy đăng ký và cài đặt và định cấu hình git trên máy tính của bạn. Tiếp theo, tạo một kho lưu trữ mới với tên username.github.io, thay thế “tên người dùng” bằng tên người dùng GitHub của bạn.

Cách lưu trữ blog của bạn miễn phí với các trang Jekyll và GitHub

Bây giờ, hãy mở thiết bị đầu cuối của bạn và cd vào thư mục blog của bạn. Chạy các lệnh sau.

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ờ bạn sẽ có thể truy cập username.github.io và xem blog mới của mình. Nếu nó không hiển thị ngay lập tức, hãy đợi vài phút và thử lại.

Các bước tiếp theo

Các bước trên chỉ là những điều cơ bản để giúp bạn bắt đầu và sử dụng. Jekyll có rất nhiều thứ để cung cấp, vì vậy hãy nhớ xem tài liệu. Ngoài ra còn có một số chủ đề có sẵn để làm tăng thêm vẻ ngoài cho blog của bạn.

Cũng có những bước cần thực hiện với Trang GitHub. Việc kích hoạt hỗ trợ HTTPS từng là một quá trình phức tạp hơn, nhưng giờ đây có thể được thực hiện trong cài đặt kho lưu trữ của bạn. Thiết lập tên miền của riêng bạn cũng là một quá trình đơn giản và GitHub có một hướng dẫn tuyệt vời về cách thực hiện.

Một điều cuối cùng cần ghi nhớ là bạn nên kiểm tra cục bộ các thay đổi của trang web trước khi đưa chúng vào kho lưu trữ của bạn. Chỉ cần chạy bundler lệnh mà chúng tôi đã sử dụng trước đó để xem trang web của bạn trên máy tính của bạn. Điều này sẽ giúp bạn nắm bắt mọi thứ, từ lỗi chính tả đến lỗi cú pháp Markdown.