thử export noizung từ Notion

Tiếp tục mày mò Notion và Hugo. Hình ảnh, videoclip và cách trình bày nó trong Hugo site là “đặc sản” của Kouveo, không cần quantam nữa. Nhặt đại một cái bày đây ngắm cho vui trước khi vào bài 1.

jpg picture title: beautiful girl!
beautiful girl!

Notion có mấy kiểu format text cơ bản: đậm, nghiêng, inline code, gạch chân, xóa ngang, Ngoài ra còn text color, text background. Export ra markdown file sẽ bỏ qua các chỉ định màu sắc và gạch chân 2. Kiểu gạch chân markdown không coi là format cơ bản, cơ chế render của Hugo cũng không hỗ trợ. Muốn hienthi underline trong Hugo fải thêm <u> tag bằng cách “thủ công”.

Một lưu ý khi biên bài trong Notion là không nên zùng liên kết chéo 3. ⛔ Đặc biệt lưu ý tất cả sync block không export ra được, trừ khi nó là “bản gốc”.

Order/unorder list xuất nhập binhthuong. Todo list render thành task list 4. Riêng toogle list cần có tí điều chỉnh mới hienthi đúng.

Xem lại cho nhớ này :D

Cần biên thêm ít html code vào nữa. Vừa “khám fá” ngày hôm qua.

jpg picture title: Thêm cái hình cho mát.
Thêm cái hình cho mát.

Blockquote xuất nhập đều ok, Callout note được export trong tags <aside> (kèm emoticon 💡). Tag này có taczung khi làm style trong Hugo nhưng import ngược trở lại Notion lại trở thành text block binhthuong.

Caption cho hình ảnh và embed video export thành .Text trong link ảnh/link video. Caption cho bookmark export ra paragraph text binhthuong. Caption của code block bị bỏ qua.

Heading toggle: mới được Notion release, zùng trong Notion rất ổn nhưng export ra markdown trở thành heading và text binhthuong.

tổng kết

Mất mấy tiếng dongho mới soát hết được một lượt. Xem như đã nắm được khá đầy đủ. Sẽ có vài điều chỉnh về cách ghi chép để content cothe chuyển đi chuyển lại jữa hai bên một cách thuận tiện và đầy đủ nhất.


  1. Lưu ý Notion không hỗ trợ footnotes. Đem import file markdown vào Notion vẫn hiển thị đúng thứ tự nhưng link đánh số footnote không hoatdong. ↩︎

  2. Toàn bộ chỉ định màu sắc và gạch chân trở thành text binhthuong. ↩︎

  3. Trong Notion, mỗi block có id riêng nên cothe link chính xác tới từng paragraph, thậm chí cothe đặt page trong page. Món này có thể xem như “đặc sản” của Notion, zùng rất tiện. ↩︎

  4. Nhớ tìm cách làm lại style cho tasklist cho Hugo. File html render ra zùng chung <ul> tag với unorder list. ↩︎

/blog/202112/export-from-notion/
content notion hugo format style