Blog Notion trên oopy: plugin tùy chỉnh floating table of contents

Đây là floating table of contents có thể áp dụng cho blog Notion trên oopy.

[Đặc điểm]

1. Được triển khai với giao diện giống hệt floating table of contents xuất hiện ở bên phải trong Notion. (ngoại trừ popover hiện khi hover)
2. Có thể cuộn trang khi nhấp vào indicator / indicator cho biết vị trí hiện tại.

[Cách cài đặt]

1. Trang quản trị oopy > chỉnh sửa html > thêm thẻ script bên dưới vào body rồi lưu
2. <script src="https://roseline124.github.io/custom-js/…;
3. Xóa cache rồi tải lại mạnh

[Điểm khác với floating-toc của oopy]

Cũng có một tính năng thử nghiệm floating-toc do oopy tạo ra.
https://www.oopy.io/ko/guides/tips-and-tricks/floating-toc

Khác với floating-toc của oopy, plugin tùy chỉnh này

1. Ngay cả khi không có block table of contents, nó vẫn phát hiện heading và hiển thị bằng indicator.
2. Không cần cấu hình theo từng trang, nó hoạt động trên mọi trang có heading.
3. floating-toc hiển thị toàn bộ văn bản của thẻ heading, nhưng plugin này để không lấn vào vùng nội dung nên khi hover lên indicator chỉ hiển thị 4~6 ký tự. (nhược điểm)

[guseod24]

• Hiện tại tôi cũng đã tái hiện y hệt popover của Notion!