Cách chỉnh sửa bài viết Jekyll thông qua trình duyệt
Jekyll
6
github pages
7
Male avatar

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.

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

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.

alt text

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.

alt text

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.

alt text

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:

alt text

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 DataSave.

alt text

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.

alt text

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 để ý

alt text

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.

alt text

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:

alt text

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 !!.

Bình luận


White
{{ comment.user.name }}
Bỏ hay Hay
{{comment.like_count}}
Male avatar
{{ comment_error }}
Hủy
   

Hiển thị thử

Chỉnh sửa

Male avatar

Huỳnh Hữu Nhân

1 bài viết.
12 người follow
Kipalog
{{userFollowed ? 'Following' : 'Follow'}}
Bài viết liên quan
Male avatar
9 0
Giới thiệu về JAM Stack trong phát triển phần mềm Gần đây, JAM stack trở nên phổ biến hơn bên cạnh các stack hiện có như LAMP, MEAN. Trong bài viế...
tony.teo viết gần 2 năm trước
9 0
White
18 3
Trước đây vài ngày, tôi có chuyển hẳn website từ (Link) sử dụng Namecheap hosting sang (Link) sử dụng (Link) lưu trữ website trực tiếp trên Github....
Nguyễn Việt Anh viết hơn 3 năm trước
18 3
{{like_count}}

kipalog

{{ comment_count }}

bình luận

{{liked ? "Đã kipalog" : "Kipalog"}}


Male avatar
{{userFollowed ? 'Following' : 'Follow'}}
1 bài viết.
12 người follow

 Đầu mục bài viết

Vẫn còn nữa! x

Kipalog vẫn còn rất nhiều bài viết hay và chủ đề thú vị chờ bạn khám phá!