Cách chỉnh sửa bài viết Jekyll thông qua trình duyệt

Jekyll

6

github pages

7

Huỳnh Hữu Nhân viết ngày 29/03/2019

Khi mới bắt đầu viết blog bằng Markdown mình thường viết theo cách truyền thống lưu vào file có đuôi .md rồi gõ lệnh để push lên github. Nhưng từ khi biết được trang web này thì công việc viết blog trở nên dễ dàng hơn rất nhiều. Bạn chỉ cần viết rồi ấn save là xong mọi thứ hoàn toàn tự động.

Mặc dù có thể dễ dàng chỉnh sửa và commit bài viết thông qua trang github.com nhưng UI của nó không thân thiện là mấy. Do đó mình tìm được trang Prose.io.

Thêm và sửa bài viết Jekyll

Khi bạn đăng nhập vào Prose.io, bạn sẽ thấy một cái khung yêu cầu quyền đăng nhập vào Github. Chọn AUTHORIZE ON GITHUB để tiếp tục.

Trong lần đăng nhập đầu tiên Prose.io sẽ hiển thị một list các repositories trong tài khoản github của bạn.

Giờ bạn cần chọn repo nào chứa blog Jekyll của mình. Khi vào trong chọn tiếp thư mục _posts để xem toàn bộ bài viết đang có trên blog.

Nếu muốn tạo bài mới thì chọn NEW FILE, còn muốn sửa bài viết hiện tại thì chọn Edit. Khi tạo bài mới thì bạn cần chú ý những thứ như sau:

Bạn có thể đặt tên cho link của bài viết mới và viết nội dung. Bạn chỉ được thay đổi phần your-filename và viết lại dạng mỗi từ cách nhau một dấu -. Mình nhắc lại đây chỉ là tên của liên kết chứ không phải tên bài viết nhá.

Để đặt tên bài viết thì bạn cần chú ý những biểu tượng ở bên phải màn hình lần lượt là: Edit, Preview, Meta Data và Save.

Meta Data dùng để thay đổi tiêu đề, ngày, tác giả, permalink, v.v.
Thuộc tính quan trọng nhất trong Meta Data là published: false. Nó được khai báo theo mặc định khi tạo 1 bài viết mới. Nên muốn hiển thị nó ra cho mọi người xem thì phải sửa lại thành published: true.

Hướng dẫn thay đổi đường dẫn upload ảnh trên Prose.io

Đầu tiên nếu các bạn chưa biết lỗi này bạn có thể dùng chức năng upload ảnh như bên dưới hình. Chọn
selecting one up 1 tấm ảnh bất kỳ rồi để ý

Dòng _post/Koala.jpg nó không phải là thư mục mà bạn muốn upload ảnh vào đúng không ? Của mình là assets/images/Koala.jpg mới đúng vậy giờ phải làm sao ???

Dễ thôi!. Các bạn mở file _config.yml trong thư mục gốc của Jekyll lên rồi thêm dòng này vào bên dưới cùng như hình.

Trong đó bạn để ý thư mục hình ảnh mà blog bạn đang sử dụng là gì rồi sửa dòng assets/images cho phù hợp nha. Sau khi chỉnh xong rồi thì lưu lại và commit lại lên github. Nếu thành công khi bạn nhấn nút chèn ảnh thì nó có dạng như thế này:

Bên phải là những ảnh đang có trong thư mục, bên trái là ảnh bạn chuẩn bị thêm vào bài viết của mình.

Tại sao mình chọn Prose.io

Lý do chính đáng nhất là tính di động. bạn có thể sử dụng Prose.io ở bất cứ đâu từ IOS, Android, Laptop, PC,...bất kể máy nào có cài trình duyệt web là có thể dùng để viết Blog. Có thể trong tương lai Github sẽ cho ra ứng dụng cho các thiết bị di động nhưng hiện tại thì chưa. Mình nghĩ Prose.io là lựa chọn tốt nhất dùng để viết Blog Jekyll ở thời điểm hiện tại. Còn bạn thì sao ? bạn có tìm được những nền tảng tương tự như Prose không ? Chia sẻ cho mọi người cùng biết nha !!.