https://www.notion.so/my-integrations
\n创建成功后得到 NOTION_TOKEN 保存下来
\n回到我们在notion创建的Blog页面, 点击页面右上角的共享按钮
\n点击选择一个 刚创建的 Integration 点击邀请
\nconst { Client } = require(\"@notionhq/client\")\nconst slugify = require(\"slugify\")\nconst path = require(\"path\")\nconst rimraf = require(\"rimraf\")\nconst fs = require(\"fs\")\nconst fetch = require(\"node-fetch\")\nconst crypto = require(\"crypto\")\n\nconst NOTION_TOKEN = process.env.NOTION_TOKEN\nconst NOTION_ROOT_PAGE_ID = process.env.NOTION_ROOT_PAGE_ID\n\nconsole.log(\n \"NOTION_ROOT_PAGE_ID: \",\n JSON.stringify(NOTION_ROOT_PAGE_ID, null, 2)\n)\n\nconsole.log(\n \"NOTION_TOKEN: \",\n JSON.stringify(NOTION_TOKEN, null, 2)\n)\n\nconst markdownPages = {}\n\n// Initializing a client\nconst notion = new Client({\n auth: NOTION_TOKEN,\n})\n\nconst regexMeta = /^== *(\\w+) *:* (.+) *$/\n\nconst destPath = path.normalize(path.join(__dirname, \"..\", \"content\", \"blog\", \"notion\"))\n\nasync function downloadFile(url, destinationFolder) {\n console.log(`-> Downloading ${url}`)\n\n const response = await fetch(url)\n const contentType = response.headers.get(\"content-type\").split(\"/\")\n const ext = contentType[contentType.length - 1]\n const buffer = await response.buffer()\n const hash = crypto.createHash(\"sha1\").update(buffer).digest(\"hex\")\n const fileName = `${hash}.${ext}`\n const filePath = path.join(destinationFolder, fileName)\n await fs.promises.writeFile(filePath, buffer)\n\n return fileName\n}\n\nfunction toTextString(text) {\n return text.reduce((result, textItem) => {\n if (textItem.type !== \"text\") {\n console.log(`=================> not a 'text' type: ${textItem.type}`)\n process.exit(1)\n }\n\n if (textItem.text.link !== null) {\n return `${result}[${textItem.text.content}](${textItem.text.link.url})`\n }\n\n if (textItem.annotations.code === true) {\n return `${result}\\`${textItem.text.content}\\``\n }\n\n return `${result}${textItem.text.content}`\n }, \"\")\n}\n\nasync function processBlocks(pageContent, textPrefix = \"\") {\n let text = \"\"\n const metas = []\n let wasBulletedList = false\n\n for (const block of pageContent.results) {\n if (wasBulletedList === true && block.type !== \"bulleted_list_item\") {\n wasBulletedList = false\n text = `${text}\\n`\n }\n\n if (block.object !== \"block\") {\n return\n }\n\n if (block.type === \"child_page\") {\n const subpageSlug = await toMarkdown(block.id, false)\n text = text + `[${block.child_page.title}](/blog/${subpageSlug})\\n\\n`\n } else if (block.type === \"paragraph\") {\n // Empty block.\n if (block.paragraph.rich_text.length === 0) {\n text = text + \"\\n\\n\"\n continue\n }\n\n // Meta.\n const match = block.paragraph.rich_text[0].text.content.match(regexMeta)\n if (match !== null) {\n metas.push(`${match[1]}: '${match[2]}'`)\n continue\n }\n\n // Simple text.\n text = `${text}${textPrefix}${toTextString(block.paragraph.rich_text)}\\n\\n`\n } else if (\n block.type === \"heading_2\" &&\n block.heading_2.rich_text.length !== 0\n ) {\n text = `${text}${textPrefix}## ${toTextString(block.heading_2.rich_text)}\\n\\n`\n } else if (\n block.type === \"heading_3\" &&\n block.heading_3.rich_text.length !== 0\n ) {\n text = `${text}${textPrefix}### ${toTextString(block.heading_3.rich_text)}\\n\\n`\n } else if (block.type === \"bulleted_list_item\") {\n wasBulletedList = true\n text = `${text}${textPrefix}* ${toTextString(\n block.bulleted_list_item.rich_text\n )}\\n`\n } else if (block.type === \"code\") {\n text = `${text}${textPrefix}\\`\\`\\`${block.code.language}\\n${toTextString(\n block.code.rich_text\n )}\\n\\`\\`\\`\\n\\n`\n } else if (block.type === \"video\") {\n text = `${text}\\`video: ${block.video.external.url}\\`\\n\\n`\n } else if (block.type === \"image\") {\n image_name = await downloadFile(block.image.file.url, destPath)\n text = `${text}${textPrefix}\\n\\n`\n } else if (block.type === \"divider\") {\n text = `${text}---\\n`\n } else {\n console.log(\"=====> Unhandled block: \", JSON.stringify(block, null, 2))\n }\n }\n\n return [text, metas]\n}\n\nasync function toMarkdown(pageId, ignore) {\n const pageProps = await notion.pages.retrieve({\n page_id: pageId,\n })\n const pageContent = await notion.blocks.children.list({\n block_id: pageId,\n })\n\n const pageTitle = pageProps.properties.title.title[0]?.plain_text\n if (!pageTitle) { // is untitled page \n return false;\n }\n const slug = slugify(pageTitle, { lower: true, remove: /[*+~.,()'\"!:@]/g })\n let text = \"\"\n const metas = []\n\n // Handle Frontmatter.\n metas.push(`title: '${pageTitle}'`)\n\n const date = pageProps.created_time.slice(0, 10)\n metas.push(`date: '${date}'`)\n\n const description = ''\n metas.push(`description: '${pageTitle}'`)\n\n // Download the cover and add it to the frontmatter.\n if (pageProps.cover !== null && pageProps.cover.type === \"external\") {\n const pageCoverUrl = pageProps.cover.external.url\n const coverImageName = await downloadFile(pageCoverUrl, destPath)\n metas.push(`featured: '${coverImageName}'`)\n }\n\n const [contentText, childMetas] = await processBlocks(pageContent)\n\n metas.push(...childMetas)\n metaText = \"---\\n\" + metas.join(\"\\n\") + \"\\n---\\n\"\n text = metaText + contentText\n\n // Save the page data if it is not the root page.\n if (!ignore) {\n markdownPages[slug] = text\n console.log(`=> Imported \"${pageTitle}\"`)\n }\n\n return slug\n}\n\n;(async () => {\n // console.log(`-> Cleaning the '${destPath}' folder`)\n // rimraf.sync(destPath)\n fs.mkdirSync(destPath, { recursive: true })\n\n await toMarkdown(NOTION_ROOT_PAGE_ID, true)\n\n await Promise.all(\n Object.entries(markdownPages).map(async ([slug, markdown]) => {\n const filename = `${slug}.md`\n const filepath = path.join(destPath, filename)\n await fs.promises.writeFile(filepath, markdown)\n })\n )\n\n console.log(`Done: imported ${Object.entries(markdownPages).length} pages.`)\n})().catch(console.error)获取NOTION_ROOT_PAGE_ID
\n打开Blog页面, 后面那一串数组就是了
\n获取NOTION_TOKEN, 就是刚才创建 Integration 保存的那个密钥
\nNOTION_TOKEN=secret_xxxxxxxxxxxxx\nNOTION_ROOT_PAGE_ID=94d3002182824088xxxxxxxxxxxx创建好了两个文件
\n\"import-notion-posts\": \"dotenv -- node ./bin/get-blog-posts.js\",npm run import-notion-posts执行 npm run develop 或者 gatsby develop在浏览器查看效果
\nnpm run develop发布到Github Page zhalice.com 上, 可以看到效果基本是一致的.
\nnpm run deployhttps://medium.com/@tfaieta/how-i-use-notion-as-my-cms-for-my-gatsby-site-c449cc9a4687
\nhttps://arnaudvalensi.github.io/blog/making-a-blog-using-notion-gatsby-and-github-pages/
\nhttps://www.redgregory.com/notion/2020/6/15/9zuzav95gwzwewdu1dspweqbv481s5
","frontmatter":{"title":"Using Notion Write Blog and Publish Github Pages (part 3)","date":"April 10, 2022","description":"Using Notion Write Blog and Publish Github Pages (part 3)","tags":null,"toc":null},"fields":{"readingTime":{"text":"7 min read"},"langKey":"en"}}},"pageContext":{"slug":"/notion/using-notion-write-blog-and-publish-github-pages-part-3/","previous":{"id":"7a29709f-6021-5675-9bb4-593d9f2124b9","fields":{"slug":"/2022/get-duration-of-video/","langKey":"en","directoryName":"2022/get-duration-of-video"},"frontmatter":{"date":"April 09, 2022","title":"How to Get Duration of Video","tags":["FFmpeg","video","duration"]}},"next":null,"translationsLink":[]}}, "staticQueryHashes": ["2841359383","3257411868"]}