{"id":4622,"date":"2025-09-13T22:28:00","date_gmt":"2025-09-13T14:28:00","guid":{"rendered":"https:\/\/lupinvisual.com\/?p=4622"},"modified":"2026-05-20T08:25:07","modified_gmt":"2026-05-20T00:25:07","slug":"zero-cost-website","status":"publish","type":"post","link":"https:\/\/lupinvisual.com\/en\/blog\/zero-cost-website\/","title":{"rendered":"Notion Website Setup Tutorial: Build Your Own Site at Zero Cost"},"content":{"rendered":"<p>Website Preview: <a href=\"https:\/\/preview.tangly1024.com\/en\" target=\"_blank\" rel=\"noopener\"><\/a><a href=\"https:\/\/preview.tangly1024.com\/\" target=\"_blank\" rel=\"noopener\">https:\/\/preview.tangly1024.com\/<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">1. NotionNext Website Setup Guide: Advantages, Process, and Key Considerations<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">\u2705 Advantages of NotionNext<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Save money<\/strong>Completely free, open-source, and zero cost.<\/li>\n\n\n\n<li><strong>Super simple<\/strong>Whenever you write an article in Notion, it will automatically sync.<\/li>\n\n\n\n<li><strong>Quickly go live<\/strong>Deploying on Vercel is a breeze.<\/li>\n\n\n\n<li><strong>Focus on creation<\/strong>Focus on creating content without distractions from managing the platform or maintenance.<\/li>\n\n\n\n<li><strong>Looks good<\/strong>The templates and themes are already designed, providing ready-made professional blogs.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">\u26a0\ufe0f Limitations and Risks of NotionNext<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Customization is limited<\/strong>A major overhaul would be troublesome.<\/li>\n\n\n\n<li><strong>Relying on the Notion API<\/strong>If the Notion API experiences issues or changes, the website may be affected.<\/li>\n\n\n\n<li><strong>Learning Threshold<\/strong>Although simple, it still requires some basic knowledge of GitHub\/Vercel, otherwise you might get stuck.<\/li>\n\n\n\n<li><strong>SEO isn't necessarily good.<\/strong>Compared to traditional professional WordPress website building tools, it offers fewer SEO control options.<\/li>\n\n\n\n<li><strong>Single-function<\/strong>Suitable for simple text input. If you require complex interactions like shopping carts or membership systems, it is not suitable.<\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Overall, NotionNext offers advantages in cost, ease of use, and intuitive operation, making it particularly suitable for those who simply need a basic website that can go live. While it has limitations in advanced features and high-level customization, it remains the most suitable choice for my current needs.<\/p>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">2. Preparations<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>When applying for a Notion account, we highly recommend using your school email address to sign up. This grants you unlimited pages for creating and managing content.<\/li>\n\n\n\n<li>Register a GitHub account<\/li>\n\n\n\n<li>Sign up for a Vercel account (we recommend logging in directly with GitHub)<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">3. Website Setup Process - Template &gt; Code &gt; Deployment<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"324\" src=\"https:\/\/lupinvisual.com\/wp-content\/uploads\/2025\/12\/notionext_step-1024x324.png\" alt=\"\" class=\"wp-image-4625\" style=\"width:373px;height:auto\" srcset=\"https:\/\/lupinvisual.com\/wp-content\/uploads\/2025\/12\/notionext_step-1024x324.png 1024w, https:\/\/lupinvisual.com\/wp-content\/uploads\/2025\/12\/notionext_step-300x95.png 300w, https:\/\/lupinvisual.com\/wp-content\/uploads\/2025\/12\/notionext_step-768x243.png 768w, https:\/\/lupinvisual.com\/wp-content\/uploads\/2025\/12\/notionext_step-1536x486.png 1536w, https:\/\/lupinvisual.com\/wp-content\/uploads\/2025\/12\/notionext_step-2048x647.png 2048w, https:\/\/lupinvisual.com\/wp-content\/uploads\/2025\/12\/notionext_step-18x6.png 18w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Deploying a site requires just three major steps:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Copy tangly1024's Notion template<\/li>\n\n\n\n<li>Clone tangly1024's GitHub source code<\/li>\n\n\n\n<li>Deploying in Vercel<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">STEP 1: Copy the Notion template<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>After logging into your Notion account, copy the template below.<\/li>\n<\/ul>\n\n\n\n<p><a href=\"https:\/\/tanghh.notion.site\/02ab3b8678004aa69e9e415905ef32a5?v=b7eb215720224ca5827bfaa5ef82cf2d\" target=\"_blank\" rel=\"noopener\">Notion Blog | Notion<\/a><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click \"Duplicate\" in the upper-right corner, select the workspace where you want to save it, and wait for it to be copied over. <img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/lupinart\/webimage\/main\/notion_web_1.gif\" alt=\"How to Duplicate NotionNext Templates in Notion\"> How to Duplicate NotionNext Templates in Notion<\/li>\n\n\n\n<li>Publish the webpage and make it public. A 32-character page ID will appear afterward; save it for later. <img decoding=\"async\" src=\"attachment:581d7c30-abb4-4855-9e29-dc1abe804b3c:pic1.png\" alt=\"Notion page IDs consist of 32 characters.\"> Notion page IDs consist of 32 characters.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">STEP:2 Copy the original GitHub code<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click the link below to copy it. It is not recommended to rename it. Do not change the project name to avoid configuration errors later.<\/li>\n<\/ul>\n\n\n\n<p><a href=\"https:\/\/github.com\/tangly1024\/NotionNext\/fork\" target=\"_blank\" rel=\"noopener\"><\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" width=\"1024\" height=\"381\" src=\"https:\/\/lupinvisual.com\/wp-content\/uploads\/2025\/12\/fork_github_notionext-1024x381.png\" alt=\"\" class=\"wp-image-4627\" style=\"width:720px;height:auto\" srcset=\"https:\/\/lupinvisual.com\/wp-content\/uploads\/2025\/12\/fork_github_notionext-1024x381.png 1024w, https:\/\/lupinvisual.com\/wp-content\/uploads\/2025\/12\/fork_github_notionext-300x112.png 300w, https:\/\/lupinvisual.com\/wp-content\/uploads\/2025\/12\/fork_github_notionext-768x286.png 768w, https:\/\/lupinvisual.com\/wp-content\/uploads\/2025\/12\/fork_github_notionext-1536x571.png 1536w, https:\/\/lupinvisual.com\/wp-content\/uploads\/2025\/12\/fork_github_notionext-2048x762.png 2048w, https:\/\/lupinvisual.com\/wp-content\/uploads\/2025\/12\/fork_github_notionext-18x7.png 18w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Simply fork the GitHub project.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">STEP 3: Create a Vercel Project<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Sign up and log in with your GitHub account<\/li>\n\n\n\n<li>When importing a Git repository, select NotionNext.<\/li>\n\n\n\n<li>Click Environment Variables, then add a new property. <strong>NOTION_PAGE_ID<\/strong> Enter the 32-character page ID in the Notion field.<\/li>\n\n\n\n<li>Click Deploy and wait for deployment.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">STEP:4 Page Completed<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click on DOMAINS to view your website!<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"676\" height=\"480\" src=\"https:\/\/lupinvisual.com\/wp-content\/uploads\/2025\/12\/notion_web_3.gif\" alt=\"Import your GitHub project into Vercel, copy the Notion page ID into Vercel&#039;s environment variable settings, and deploy your NotionNext website.\" class=\"wp-image-4624\"\/><\/figure>\n\n\n\n<p>Import your GitHub project into Vercel, copy the Notion page ID into Vercel's environment variable settings, and deploy your NotionNext website.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Recommendation<\/h2>\n\n\n\n<p>Honestly, setting up a website with NotionNext was way easier than I expected. Just write articles in Notion, and it automatically updates the site. No need to mess with GitHub code\u2014just let it run. For a more professional look, you can connect your own domain to make it feel more official. When writing articles, add a cover image and title for a nicer shareable look.<\/p>\n\n\n<h2 class=\"wp-block-heading\">Frequently Asked Questions (FAQ)<\/h2>\n\n\n<div class=\"wp-block-uagb-faq uagb-faq__outer-wrap uagb-block-778674e8 uagb-faq-icon-row uagb-faq-layout-accordion uagb-faq-expand-first-true uagb-faq-inactive-other-true uagb-faq__wrap uagb-buttons-layout-wrap uagb-faq-equal-height\" data-faqtoggle=\"true\" role=\"tablist\"><div class=\"wp-block-uagb-faq-child uagb-faq-child__outer-wrap uagb-faq-item uagb-block-102e2419\" role=\"tab\" tabindex=\"0\"><div class=\"uagb-faq-questions-button uagb-faq-questions\">\t\t\t<span class=\"uagb-icon uagb-faq-icon-wrap\">\n\t\t\t\t\t\t\t\t<svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewbox= \"0 0 448 512\"><path d=\"M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z\"><\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<span class=\"uagb-icon-active uagb-faq-icon-wrap\">\n\t\t\t\t\t\t\t\t<svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewbox= \"0 0 448 512\"><path d=\"M400 288h-352c-17.69 0-32-14.32-32-32.01s14.31-31.99 32-31.99h352c17.69 0 32 14.3 32 31.99S417.7 288 400 288z\"><\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t<span class=\"uagb-question\"><strong>Q: What is NotionNext? How is it different from Notion?<\/strong><\/span><\/div><div class=\"uagb-faq-content\"><p>A: NotionNext is an open source project that uses Notion as a backend for writing and GitHub + Vercel for deploying websites, allowing you to quickly generate a personal website with Notion notes.<\/p><\/div><\/div><div class=\"wp-block-uagb-faq-child uagb-faq-child__outer-wrap uagb-faq-item uagb-block-06ec2ce8\" role=\"tab\" tabindex=\"0\"><div class=\"uagb-faq-questions-button uagb-faq-questions\">\t\t\t<span class=\"uagb-icon uagb-faq-icon-wrap\">\n\t\t\t\t\t\t\t\t<svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewbox= \"0 0 448 512\"><path d=\"M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z\"><\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<span class=\"uagb-icon-active uagb-faq-icon-wrap\">\n\t\t\t\t\t\t\t\t<svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewbox= \"0 0 448 512\"><path d=\"M400 288h-352c-17.69 0-32-14.32-32-32.01s14.31-31.99 32-31.99h352c17.69 0 32 14.3 32 31.99S417.7 288 400 288z\"><\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t<span class=\"uagb-question\"><strong>Q\uff1aDo I need to write a program to use NotionNext?<\/strong><\/span><\/div><div class=\"uagb-faq-content\"><p>A: You don't need to write a program, you just need to know basic account registration and deployment operations. If you know a little bit about GitHub, it's even better, but you can do it by following the tutorials.<\/p><\/div><\/div><div class=\"wp-block-uagb-faq-child uagb-faq-child__outer-wrap uagb-faq-item uagb-block-da773b45\" role=\"tab\" tabindex=\"0\"><div class=\"uagb-faq-questions-button uagb-faq-questions\">\t\t\t<span class=\"uagb-icon uagb-faq-icon-wrap\">\n\t\t\t\t\t\t\t\t<svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewbox= \"0 0 448 512\"><path d=\"M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z\"><\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<span class=\"uagb-icon-active uagb-faq-icon-wrap\">\n\t\t\t\t\t\t\t\t<svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewbox= \"0 0 448 512\"><path d=\"M400 288h-352c-17.69 0-32-14.32-32-32.01s14.31-31.99 32-31.99h352c17.69 0 32 14.3 32 31.99S417.7 288 400 288z\"><\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t<span class=\"uagb-question\"><strong>Q\uff1aCan I use NotionNext for SEO?<\/strong><\/span><\/div><div class=\"uagb-faq-content\"><p>A: You can do basic SEO settings. Although it is a little less free than WordPress and other tools, NotionNext supports sitemap, custom meta titles and descriptions, etc. As long as the settings are correct, Google can still index the content effectively. As long as the settings are correct, Google can still effectively include the content.<\/p><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Want to build your own website with Notion? Learn how to deploy a personal website in just 5 minutes using NotionNext. This complete guide takes you from Notion notes to live launch, making it easy to create resumes, portfolios, or blogs.<\/p>","protected":false},"author":1,"featured_media":4623,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"rank_math_title":"Notion \u67b6\u7ad9\u6559\u5b78\uff1a\u7528 NotionNext + Vercel \u96f6\u6210\u672c\u6253\u9020\u500b\u4eba\u7db2\u7ad9","rank_math_description":"\u4e0d\u7528\u5beb\u7a0b\u5f0f\uff0c\u53ea\u8981\u6703\u5728 Notion \u5beb\u6587\u7ae0\uff0c\u5c31\u80fd\u514d\u8cbb\u67b6\u51fa\u500b\u4eba\u7db2\u7ad9\u3002\u8a18\u9304 NotionNext + Vercel \u4e09\u6b65\u9a5f\u90e8\u7f72\u7684\u5b8c\u6574\u6d41\u7a0b\uff0c\u542b\u512a\u7f3a\u9ede\u5206\u6790\u8207\u65b0\u624b\u5efa\u8b70\u3002","rank_math_focus_keyword":"Notion\u67b6\u7ad9","rank_math_robots":"","rank_math_canonical_url":"","footnotes":"","_custom_schema_jsonld":"[{\"@context\": \"https:\/\/schema.org\", \"@type\": \"FAQPage\", \"mainEntity\": [{\"@type\": \"Question\", \"name\": \"NotionNext \u662f\u4ec0\u9ebc\uff1f\u8ddf Notion \u6709\u4ec0\u9ebc\u4e0d\u540c\uff1f\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"NotionNext \u662f\u4e00\u500b\u958b\u6e90\u5c08\u6848\uff0c\u900f\u904e Notion \u4f5c\u70ba\u5f8c\u53f0\u5beb\u4f5c\uff0c\u518d\u7528 GitHub + Vercel \u90e8\u7f72\u7db2\u7ad9\uff0c\u8b93\u4f60\u7528 Notion \u7b46\u8a18\u5feb\u901f\u751f\u6210\u500b\u4eba\u7db2\u7ad9\u3002\"}}, {\"@type\": \"Question\", \"name\": \"\u7528 NotionNext \u67b6\u7ad9\u9700\u8981\u5beb\u7a0b\u5f0f\u55ce\uff1f\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"\u4e0d\u9700\u8981\u5beb\u7a0b\u5f0f\uff0c\u53ea\u9700\u6703\u57fa\u672c\u5e33\u865f\u8a3b\u518a\u8207\u90e8\u7f72\u64cd\u4f5c\u3002\u5982\u679c\u6703\u4e00\u9ede GitHub \u66f4\u597d\uff0c\u4f46\u8ddf\u8457\u6559\u5b78\u64cd\u4f5c\u5373\u53ef\u5b8c\u6210\u3002\"}}, {\"@type\": \"Question\", \"name\": \"NotionNext \u67b6\u7684\u7db2\u7ad9\u80fd\u505a SEO \u55ce\uff1f\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"\u53ef\u4ee5\u505a\u57fa\u672cSEO\u8a2d\u5b9a\u3002\u96d6\u7136\u6bd4WordPress\u7b49\u67b6\u7ad9\u5de5\u5177\u81ea\u7531\u5ea6\u7a0d\u4f4e\uff0c\u4f46 NotionNext\u652f\u63f4 sitemap\u3001\u81ea\u8a02 meta \u6a19\u984c\u8207\u63cf\u8ff0\u7b49\u3002\u53ea\u8981\u8a2d\u5b9a\u6b63\u78ba\uff0cGoogle\u4ecd\u53ef\u6709\u6548\u6536\u9304\u5167\u5bb9\u3002\"}}]}, {\"@context\": \"https:\/\/schema.org\", \"@type\": \"HowTo\", \"name\": \"Notion\u67b6\u7ad9\u6559\u5b78\uff1a0\u6210\u672c\u6253\u9020\u5c08\u5c6c\u7db2\u7ad9\", \"description\": \"\u672c\u7bc7\u6587\u7ae0\u5c07\u6559\u60a8\u5982\u4f55\u900f\u904eNotionNext\uff0c\u5229\u7528Notion\u9032\u884c\u5167\u5bb9\u7ba1\u7406\uff0c\u4e26\u7d50\u5408GitHub\u8207Vercel\u514d\u8cbb\u90e8\u7f72\uff0c\u6253\u9020\u500b\u4eba\u5c08\u5c6c\u7db2\u7ad9\u3002\", \"step\": [{\"@type\": \"HowToStep\", \"name\": \"\u6e96\u5099Notion\u3001GitHub\u8207Vercel\u5e33\u865f\", \"text\": \"\u9996\u5148\u7533\u8acbNotion\u5e33\u865f\uff08\u5efa\u8b70\u4f7f\u7528\u5b78\u6821\u4fe1\u7bb1\u7372\u7121\u9650\u9801\u9762\uff09\uff0c\u4e26\u8a3b\u518aGitHub\u8207Vercel\u5e33\u865f\uff0c\u5efa\u8b70\u76f4\u63a5\u7528GitHub\u5e33\u865f\u767b\u5165Vercel\uff0c\u5b8c\u6210\u4e8b\u524d\u6e96\u5099\u3002\"}, {\"@type\": \"HowToStep\", \"name\": \"\u8907\u88fdNotion\u6a21\u677f\u4e26\u53d6\u5f97\u9801\u9762ID\", \"text\": \"\u767b\u5165Notion\u5f8c\uff0c\u8907\u88fd\u6307\u5b9a\u7684\u90e8\u843d\u683c\u6a21\u677f\u81f3\u81ea\u5df1\u7684\u5de5\u4f5c\u5340\uff0c\u7136\u5f8c\u5c07\u8a72\u9801\u9762\u767c\u5e03\u4e26\u516c\u958b\uff0c\u64f7\u53d6\u517632\u5b57\u5143\u7684\u9801\u9762ID\u3002\"}, {\"@type\": \"HowToStep\", \"name\": \"\u8907\u88fdGitHub\u539f\u59cb\u4ee3\u78bc\", \"text\": \"\u9ede\u64ca\u6587\u7ae0\u4e2d\u63d0\u4f9b\u7684\u9023\u7d50\uff0c\u76f4\u63a5\u5c07NotionNext\u7684GitHub\u539f\u59cb\u4ee3\u78bc\u5c08\u6848Fork\u5230\u81ea\u5df1\u7684GitHub\u5e33\u6236\u4e2d\uff0c\u4e0d\u5efa\u8b70\u66f4\u6539\u5c08\u6848\u540d\u7a31\u4ee5\u907f\u514d\u914d\u7f6e\u932f\u8aa4\u3002\"}, {\"@type\": \"HowToStep\", \"name\": \"\u90e8\u7f72Vercel\u5c08\u6848\u4e26\u8a2d\u5b9a\u74b0\u5883\u8b8a\u6578\", \"text\": \"\u767b\u5165Vercel\uff0c\u532f\u5165\u525bFork\u7684GitHub\u5c08\u6848\u3002\u63a5\u8457\uff0c\u65b0\u589e\u4e00\u500b\u540d\u70baNOTION_PAGE_ID\u7684\u74b0\u5883\u8b8a\u6578\uff0c\u4e26\u586b\u5165\u60a8\u4e4b\u524d\u53d6\u5f97\u7684Notion\u9801\u9762ID\uff0c\u6700\u5f8c\u9ede\u64ca\u90e8\u7f72\u3002\"}, {\"@type\": \"HowToStep\", \"name\": \"\u5b8c\u6210\u7db2\u7ad9\u90e8\u7f72\u4e26\u6aa2\u67e5\", \"text\": \"\u7b49\u5f85Vercel\u5b8c\u6210\u90e8\u7f72\u4f5c\u696d\u3002\u4e00\u65e6\u90e8\u7f72\u6210\u529f\uff0c\u9ede\u9078Vercel\u4ecb\u9762\u4e2d\u7684\u300cDOMAINS\u300d\u9023\u7d50\uff0c\u5373\u53ef\u7acb\u5373\u8a2a\u554f\u4e26\u67e5\u770b\u60a8\u5df2\u6210\u529f\u5efa\u7acb\u7684\u500b\u4eba\u7db2\u7ad9\u3002\"}]}]"},"categories":[35],"tags":[81,83],"class_list":["post-4622","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-workflow","tag-notion","tag-83"],"acf":[],"uagb_featured_image_src":{"full":["https:\/\/lupinvisual.com\/wp-content\/uploads\/2025\/12\/zero-cost-website-scaled.jpeg",2560,1920,false],"thumbnail":["https:\/\/lupinvisual.com\/wp-content\/uploads\/2025\/12\/zero-cost-website-150x150.jpeg",150,150,true],"medium":["https:\/\/lupinvisual.com\/wp-content\/uploads\/2025\/12\/zero-cost-website-300x225.jpeg",300,225,true],"medium_large":["https:\/\/lupinvisual.com\/wp-content\/uploads\/2025\/12\/zero-cost-website-768x576.jpeg",768,576,true],"large":["https:\/\/lupinvisual.com\/wp-content\/uploads\/2025\/12\/zero-cost-website-1024x768.jpeg",1024,768,true],"1536x1536":["https:\/\/lupinvisual.com\/wp-content\/uploads\/2025\/12\/zero-cost-website-1536x1152.jpeg",1536,1152,true],"2048x2048":["https:\/\/lupinvisual.com\/wp-content\/uploads\/2025\/12\/zero-cost-website-2048x1536.jpeg",2048,1536,true],"trp-custom-language-flag":["https:\/\/lupinvisual.com\/wp-content\/uploads\/2025\/12\/zero-cost-website-16x12.jpeg",16,12,true]},"uagb_author_info":{"display_name":"lupin","author_link":"https:\/\/lupinvisual.com\/en\/author\/lupinart1008gmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"\u60f3\u7528 Notion \u6253\u9020\u5c08\u5c6c\u7db2\u7ad9\uff1f\u6559\u4f60\u7528NotionNext 5\u5206\u9418\u90e8\u7f72\u500b\u4eba\u7db2\u7ad9\uff0c\u5f9eNotion\u7b46\u8a18\u5230\u6b63\u5f0f\u4e0a\u7dda&hellip;","_links":{"self":[{"href":"https:\/\/lupinvisual.com\/en\/wp-json\/wp\/v2\/posts\/4622","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lupinvisual.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lupinvisual.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lupinvisual.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lupinvisual.com\/en\/wp-json\/wp\/v2\/comments?post=4622"}],"version-history":[{"count":4,"href":"https:\/\/lupinvisual.com\/en\/wp-json\/wp\/v2\/posts\/4622\/revisions"}],"predecessor-version":[{"id":5222,"href":"https:\/\/lupinvisual.com\/en\/wp-json\/wp\/v2\/posts\/4622\/revisions\/5222"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lupinvisual.com\/en\/wp-json\/wp\/v2\/media\/4623"}],"wp:attachment":[{"href":"https:\/\/lupinvisual.com\/en\/wp-json\/wp\/v2\/media?parent=4622"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lupinvisual.com\/en\/wp-json\/wp\/v2\/categories?post=4622"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lupinvisual.com\/en\/wp-json\/wp\/v2\/tags?post=4622"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}