Tùy chỉnh giao diện trên HashNode

Tùy chỉnh giao diện trên HashNode

cuongmx's photo
cuongmx
·

1 min read

Nếu người dùng từ Medium hay Ghost chuyển sang Medium, chắc hẳn bạn cũng sẽ như tôi, rất khó chịu về việc căn lề trái mặc định của editor. Mọi thứ bị xô lệch, cả chữ lẫn ảnh nhìn rất khó chịu.

image.png

Kích hoạt tính năng tùy chỉnh giao diện

Rất may một trong những điểm mạnh của HashNode là khả năng tùy chỉnh. Nó không được active mặc định mà bạn phải thông qua chương trình Ambassador. Để trở thành ambassador, bạn phải invite thành công 3 người dùng mới (quá dễ).

image.png

Sau khi invite thành công, trong phần Dashboard > Appearance bạn sẽ thấy tính năng custom CSS.

image.png

Cách tùy chỉnh

Nguyên lý rất đơn giản, sử dụng chức năng Inspector của trình duyệt bạn sẽ tìm được class mà mình cần tùy chỉnh.

image.png

Bước tiếp theo là tùy chỉnh trong phần custom CSS và bấm publish

image.png

Dưới đây là đoạn tùy chỉnh căn lề text content và image của tôi 

.blog-content-main {
    text-align: justify;
}

.blog-content-main img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

Chúc các bạn thành công!

HashnodeCSSmediumblog