Hướng dẫn tải xuống và cài đặt Jekyll: Xây dựng một trang blog tĩnh từ đầu trên máy tính cục bộ của bạn

bài viết này Jekyll Tải xuống hướng dẫn cài đặt và hướng dẫn bạn từng bước✨Bạn có thể có blog của riêng mình mà không tốn tiền!

Xây dựng một trang blog tĩnh từ đầu, ngay cả khi bạn là người mới, bạn cũng có thể dễ dàng làm được! Không cần phải phức tạpxây dựng một trang web, tạm biệt những khó khăn khi xây dựng một trang web, có blog độc quyền của riêng bạn trong vài phút và hãy để tài năng và sự sáng tạo của bạn tỏa sáng! 🚀🎉

Jekyll là gì?

Hướng dẫn tải xuống và cài đặt Jekyll: Xây dựng một trang blog tĩnh từ đầu trên máy tính cục bộ của bạn

Jekyll, một trình tạo trang web tĩnh, rất phù hợp để xây dựng các trang blog.

Nó có thể sử dụng văn bản được viết bằng ngôn ngữ đánh dấu và sử dụng bố cục để xây dựng các trang web tĩnh.

Bạn có thể sửa đổi giao diện của trang web, URL, dữ liệu hiển thị trên trang, v.v...

Nhược điểm của Jekyll là rõ ràng, vì nó không sử dụng cơ sở dữ liệu nên hoàn toàn không phù hợp để xây dựngThương mại điện tửloại trang web.

Ưu điểm của Jekyll là gì?

  • Jekyll rất dễ sử dụng và học hỏi.
  • Jekyll có thể tạo các trang web tĩnh nhanh chóng và an toàn.
  • Jekyll có sẵn một số lượng lớn các chủ đề và plugin.

Làm cách nào để bắt đầu sử dụng Jekyll?

  1. Cài đặt Jekyll.
  2. Tạo một trang web Jekyll mới.
  3. Chọn chủ đề Jekyll.
  4. Thêm nội dung của bạn.
  5. Xem trước trang web của bạn.
  6. Xây dựng trang web của bạn.
  7. Triển khai trang web của bạn:Blog tĩnh Jekyll được triển khai miễn phí trên Surge.sh

Cài đặt Jekyll bằng cách tải xuống RubyInstaller

Cách dễ nhất để cài đặt Ruby và Jekyll là sử dụng RubyInstaller cho Windows.

RubyInstaller là trình cài đặt độc lập dựa trên Windows bao gồm ngôn ngữ Ruby, môi trường thực thi, tài liệu quan trọng, v.v.

Chúng tôi chỉ đề cập đến RubyInstaller-2.4 trở lên tại đây. Các phiên bản cũ hơn yêu cầu cài đặt Devkit thủ công.

bước 1:Tải xuống RubyInstaller

  • Tải xuống và cài đặt từ Tải xuống RubyInstallerRuby+DevkitPhiên bản.
  • Cài đặt bằng các tùy chọn mặc định.

第 2 步 :Nhập cmd

ấn xuốngPhím WIN + phím R, sau đó nhập cmd, sau đó nhấn Enter ▼

Bước 2: Nhập cmd và nhấn phím WIN + phím R, sau đó nhập cmd rồi nhấn Enter

第 3 步 :Nhập lệnh đầu vào ridk installCác bước trong giai đoạn cuối cùng của quá trình cài đặt.

  • Điều này là cần thiết để cài đặt đá quý với tiện ích mở rộng gốc.
  • Chọn từ các tùy chọnMSYS2 and MINGW development tool chain.
  • Chạy lệnh ruby -vgem -v để kiểm tra số phiên bản nhằm xác nhận quá trình cài đặt có thành công hay không.

Mở menu Bắt đầu của Windows và tìmStart Command Prompt with Ruby, để kích hoạt dòng lệnh Ruby.

第 4 步 :Chuyển nguồn đá quý sang nguồn Trung Quốc

Do vấn đề về kết nối mạng và tốc độ, trước khi xem xét cập nhật đá quý, bạn nên chuyển nguồn đá quý sang nguồn Trung Quốc▼

gem sources --remove https://rubygems.org/
gem sources -a https://gems.ruby-china.com/

hoặc là

gem sources --add https://gems.ruby-china.com/ --remove https://rubygems.org/

第 5 步 :Hãy cùng kiểm tra các nguồn hiện tại ▼

gem sources -l
  • Hãy chắc chắn rằng chỉ có gems.ruby-china.com

第 6 步 :Cập nhật đá quý Ruby▼

gem update

第 7 步 :Chúng tôi cài đặt các thành phần ▼

gem install jekyll bundler

第 8 步 :Kiểm tra xem Jekyll đã được cài đặt đầy đủ chưa▼

jekyll -v

Xây dựng một trang web blog tĩnh Jelly trên máy tính cục bộ của bạn

第 1 步 :Thay đổi ký tự ổ đĩa▼
Nhập trực tiếp vào cmdd:

第 2 步 :Thay đổi thư mục hiện tại▼

cd d:\Jekyll\

第 3 步 :Tạo một trang web Jekyll mới bằng lệnh sau ▼

jekyll new site1

第 4 步 :Nhập thư mục dự án▼

cd site1

第 5 步 :Bắt đầu dịch vụ Jekyll▼

jekyll serve

chuyển khoản--livereloadtùy chọn đểserveTự động làm mới trang mỗi khi có thay đổi đối với tệp nguồn▼

bundle exec jekyll serve --livereload
  • Khi bạn phát triển trang web của mình, hãy sử dụngjekyll servejekyll build
  • Để buộc trình duyệt làm mới mỗi thay đổi, hãy sử dụngjekyll serve --livereload.
  • jekyll servePhiên bản trang web tích hợp_siteKhông thích hợp để triển khai.
  • Sử dụng liên kết và URL nội dung từ trang web đã tạo jekyll serve sẽ sử dụng https://localhost:4000 Giá trị được đặt thông qua cấu hình dòng lệnh, thay vì trong tệp cấu hình của trang web.

第 6 步 :truy cập http://localhost:4000 Xem Kế hoạch.

Lưu ý:

  • Nếu tệp được đặt trong xxx.github .io/blog, nó có thể khiến Trang Github không được cập nhật.
  • Nguyên nhân của hiện tượng này là GitHub sẽ chỉ đọc xxx.github .io/_includes trong Jekyll và sẽ không đi sâu vào blog/_includes.
  • May mắn thay, vấn đề này không phải là vấn đề khó khăn, chỉ cần thiết lập Trang Github trên GitHub và vấn đề sẽ được giải quyết ngay lập tức!

Làm cách nào để xóa trang web Jekyll được cài đặt trên máy tính cục bộ thông qua lệnh?

Bạn có thể sử dụng lệnh sau để xóa trang web Jekyll được cài đặt cục bộ.

Xóa các tập tin được tạo:

第 1 步 :Chạy lệnh sau để xóa các tệp đã tạo▼

jekyll clean

第 2 步 :Xóa tất cả các thư mục trang web

  • Nếu bạn muốn xóa hoàn toàn toàn bộ thư mục trang web, bạn có thể xóa thủ công C:/Users/a/myblog thư mục.

Tài nguyên Jekyll

Jekyll là một framework kiểu blog đơn giản để xây dựng các trang web tĩnh.

Nó sử dụng Markdown và Ngôn ngữ mẫu Liquid, cho phép bạn dễ dàng tạo các trang web động, đẹp mắt.

Xem tài liệu Jekyll để biết thêm thông tin.

Dưới đây là một số tài nguyên hữu ích về Jekyll. Tôi hy vọng những tài nguyên này có thể giúp bạn sử dụng Jekyll để xây dựng một trang web!

Hy vọng Chen Weiliang Blog ( https://www.chenweiliang.com/ ) đã chia sẻ "Hướng dẫn tải xuống và cài đặt Jekyll: Xây dựng trang web blog tĩnh từ đầu trên máy tính cục bộ", điều này sẽ hữu ích cho bạn.

Chào mừng bạn đến chia sẻ liên kết của bài viết này:https://www.chenweiliang.com/cwl-31549.html

Chào mừng bạn đến với kênh Telegram trên blog của Chen Weiliang để cập nhật những thông tin mới nhất!

🔔 Hãy là người đầu tiên nhận được "Hướng dẫn sử dụng Công cụ AI tiếp thị nội dung ChatGPT" có giá trị trong thư mục trên cùng của kênh! 🌟
📚 Hướng dẫn này chứa đựng giá trị to lớn, 🌟Đây là cơ hội hiếm có, đừng bỏ lỡ! ⏰⌛💨
Chia sẻ và thích nếu bạn thích!
Chia sẻ và thích của bạn là động lực không ngừng của chúng tôi!

 

发表 评论

Địa chỉ email của bạn sẽ không được công bố. 项 已 * 标注

cuộn lên trên cùng