notion2markdown-action渲染效果展示

前言

此前由于想在 Notion 上写博客，同步到静态博客 hexo 上进行发布，故采用GitHub Actions，开发了notion2markdown-action方案，详细介绍及部署方式见Notion2Markdown 联动发布 Hexo 博客 - 自动化部署方案，此文则为该方案的渲染效果展示。

理论上，该方案转换的效果适用于所有支持 Markdown→HTML 的静态博客。

为进行对照，特将 Notion 上本条文章的原始内容公开，用于对比。

Notion 平台原文链接：notion2markdown-action 渲染效果展示

效果展示

bookmark

blog.cuger.cn

https://blog.cuger.cn/p/634642fd/

支持撰写标题

upgrade v0.5.2 · Doradx/notion2markdown-action@e9378a9

convert notion database pages to markdown files for hexo or hugo - upgrade v0.5.2 · Doradx/notion2markdown-action@e9378a9

https://github.com/Doradx/notion2markdown-action/actions/runs/4744114550

GitHub 页面

飛來飛去的飛人事件 | 老高與小茉 Mr & Mrs Gao

【加入會員按鈕】https://www.youtube.com/channel/UCMUnInmOkrWN4gof9KlhNmQ/join【訂閱頻道按鈕】https://goo.gl/VhzZeS------------------------------------------------相關鏈接：超出你想象的...

https://www.youtube.com/watch?v=9gXPmfLWO4U

自动抓取页面概览，并生成图标、概览图

Hannovermarkt · Hannovermarkt 1, 1200 Wien, Austria

★★★★☆ · Market

https://www.google.com/maps/place/Hannovermarkt/@48.2241821,16.3715072,14z/data=!4m6!3m5!1s0x476d064b379e1a9d:0xe791f1797ae7a2b8!8m2!3d48.231775!4d16.3687714!16s/g/112yfwj8x

Google Map [link_preview]

百度地图

浏览地图、搜索地点、查询公交驾车线路、查看实时路况，您的出行指南、生活助手。提供地铁线路图浏览，乘车方案查询，以及准确的票价和时间信息。

https://j.map.baidu.com/71/1O

百度地图 [link_preview]

link_preview

从网页抓取信息，目前暂只支持 GitHub 站点。

souvikinator/notion-to-md

souvikinator

•

Created: 2021-12-04T13:11:08Z

ant-design/ant-design Issues

ant-design

•

Created: 2015-04-24T15:37:24Z

App.useApp().message 动态自定义主题样式有误 #41885•Closed

#41885•onlyling

•

Created: 2023-04-19T08:03:13Z

ant-design/ant-design Pulls

ant-design

•

Created: 2015-04-24T15:37:24Z

site: time changed to dynamic Closed

ayangweb

•

Created: 2023-04-19T09:36:14Z

audio

邓紫棋-偶尔.MP3

Rocky - 那就这样吧.MP3

video

YouTube

Bilibili

腾讯视频

embed

The different types of power outlets throughout the world. pic.twitter.com/ItzzkiUg85

— World of Engineering (@engineers_feed) April 18, 2023

Twitter

Google Map [embed]

高德地图

百度地图

pdf

在线PDF阅读