morethan-log
使用Notion作为内容管理系统(CMS)的Next.js静态博客。支持博客格式的文章以及简历用的页面格式。使用Vercel部署。
特点
📒 使用Notion撰写文章
- 无需提交到Github即可在您的网站上发布内容。
- 在Notion上创建的文章会自动更新到您的网站上。
📄 将页面用作简历
- 适用于使用Notion生成全页面网站。
- 可用于简历、作品集等。
👀 对SEO友好
- 为文章动态生成OG图像(缩略图!)。(og-image-korean)
- 动态创建文章的站点地图。
🤖 可定制,并通过配置支持各种插件
- 可以通过配置更新您的个人资料信息。(
site.config.js
) - 插件支持包括Google Analytics、Search Console,以及使用Github Issues(Utterances)或Cusdis进行评论。
开始使用
-
为此仓库加星。
-
Fork此仓库到您的个人资料。
-
复制这个Notion模板,并分享到网络。
-
复制网络链接,并记下链接中的Notion页面ID,格式为[username.notion.site/
NOTION_PAGE_ID
?v=VERSION_ID
]。 -
克隆您fork的仓库,然后根据您的偏好自定义
site.config.js
。 -
在Vercel上部署,设置以下环境变量。
NOTION_PAGE_ID
(必需):从"分享到网络"URL获得的Notion页面ID。这不是完整的URL,而只是如上所示的NOTION_PAGE_ID部分。NEXT_PUBLIC_GOOGLE_MEASUREMENT_ID
:用于Google Analytics插件。NEXT_PUBLIC_GOOGLE_SITE_VERIFICATION
:用于Google Search Console插件。NEXT_PUBLIC_NAVER_SITE_VERIFICATION
:用于Naver搜索顾问插件。NEXT_PUBLIC_UTTERANCES_REPO
:用于Utterances插件。
10步构建您自己的morethan-log(截至23.06.23)
点击查看指南
-
准备Notion和Vercel账户。
-
⭐
Star
并Fork
此仓库。
-
当您
点击
Notion模板时,您将在浏览器中看到这个Notion页面。点击右上角的复制
按钮(图中为"复制")。 -
然后您将在您的账户中看到
Notion应用中的Notion页面
。 -
点击右上角的"共享"和"发布",并检查网页链接。(复制网页链接)
- 在您fork的仓库中修改 site.config.js 文件。
💡 注意:我更改了2个红色部分
-
转到 vercel 并登录。
-
使用添加新项目来构建新项目。
-
导入您fork的morethan-log仓库
-
向vercel项目添加环境变量
-
等待部署完成。部署成功后,您应该会看到如下图所示的画面。
🥳 恭喜。现在检查您的博客
常见问题
点击查看常见问题
问题1:如果您完成了avatar.svg的制作,如何制作favicon.ico和apple-touch-icon.png?答案1:请查看 https://www.favicon-generator.org/
问题2:是否需要设置sitemap文件?
答案2:系统会动态创建sitemap.xml,所以无需手动设置。
问题3:为什么Notion帖子不会自动更新?
答案3:请在site.config.js中设置revalidateTime,并观察需要多长时间才能更新。
问题4:site.config.js中的NEXT_PUBLIC_GOOGLE_MEASUREMENT_ID和NEXT_PUBLIC_GOOGLE_SITE_VERIFICATION应该输入什么? 答案4:您可以查看 https://github.com/morethanmin/morethan-log/issues/203。请注意,设置后可能需要一些时间才能生效。
如果您遇到任何其他问题,请随时将它们添加到GitHub的README中,以帮助未来的用户。我们期待您的贡献!
贡献
查看贡献指南。
贡献者
支持
morethan-log 是一个MIT许可的开源项目。它能够成长要归功于赞助商和令人惊叹的支持者的支持。