搭建个人博客网站全流程指南Notion+NotionNext+Github+Vercel。
00 min
2024-10-1
2024-10-1
type
status
date
slug
summary
tags
category
icon
password
comment
前言:
一个关于Notion搭建个人网站,网上已经有很多的教程了,通过这些教程,你完全可以搭建自己的博客网站,但是在搭建网站的过程中,方案的选择尤为重要,能为你省去很多的时间,这里记录我的这个网站搭建的各种选项,同时也整理了网上比较好的资源,希望对你有帮助。
前言: 一个关于Notion搭建个人网站,网上已经有很多的教程了,通过这些教程,你完全可以搭建自己的博客网站,但是在搭建网站的过程中,方案的选择尤为重要,能为你省去很多的时间,这里记录我的这个网站搭建的各种选项,同时也整理了网上比较好的资源,希望对你有帮助。
 
网站搭建的目的是更好的表达自己,网站搭建结束是网站搭建的开始,内容始终是最重要的,由于Notion本身没有设计太多的编程知识,所以在网站搭建后你的编程能力并不会有太大的提升,所以如果是为了搭建网站而搭建网站,那么我不建议你通过Notion搭建网站。
 
通过Notion搭建网站核心在于网站搭建好之后你无需太复杂的操作就能够Notion里面进行内容创作,而Notion本身就是一款笔记软件,这会让你更加专注于内容的输出,我想这才是通过Notion搭建网站的目的。
 
好的,我们开始正式的教程,首先是此次Notion搭建网站使用的四个平台,分别是Notion、Github、NotionNext、Vercel,他们的链接如下:
 
网站搭建过程中,我们主要参考NotionNext帮助文档,文档中各种细节介绍的非常清晰,基本上跟着文档来走,不会有任何问题。
 
文档提供了NotionNext的不同版本,这里无需迟疑,选择最新板板就行了,新版本一般都是性能更好,功能更加完善。
 
安装部署我选择的Vercel安装部署,Vercel是一个代码托管平台,而且他还支持你自定义域名,相当友好,此外就是文档也是根据Vercel部署来写的,如果你通过其他方案部署,那么有问题的时候很可能找不到解决方案,当然,如果你是大神,那么请忽略。
 
notion image
 
安装部署完成后,你就得到了一个最原始最简单的网页,但是他还非常简陋,需要我们逐渐修改Notion、Vercel以及Github中的相关参数,网站才能逐渐丰富完善,这一步骤参考站点配置,可以发现,文档完全是基于Vercel来写的,所以建议使用Vercel来部署。
 
notion image
 
修改完站点的基本配置后,我们可以选择站点的主题,现在我们最原始的站点是Simple主题,根据我的对比,我最终选择了HEO主题,这里就完全看你的喜好和用途了,每个主题都有详细的解释,跟着文档走一般不会出现啥问题。
 
notion image
 
而完成站点主题的选择配置后,我们的网站基本搭建成功了,但是还不够,还需要进一步晚上,我们的文章底部还需要评论功能,所以我们需要配置评论插件。
 
他这里依旧提供了好几种品论插件,根据官方文档,你可以将所有评论插件都配置,但是在我实际操作过程中发现,有的插件会相互冲突,所以最好不要配置太多插件,而且每一个插件的评论区是独立的,这就可能导致你的一篇文章几个评论区。
 
个人建议配置两个插件即可,一个插件可以不需要用户任何操作,直接就能评论,但是这个需要你后台审核;另一个则是需要登录,这里我配置了Cusdis、Giscus和Utterance这三个插件,最后效果如下图。
 
notion image
 
到此,我们的网站就搭建结束了,基本上一个网站该有的内容我们都有了,帮助文档后面还提供了一些其他的插件,但是我这里不建议,一是对网站整体效果没有太大提升,二是会导致网站加载变慢,所以简介一点就行,无需太多花里胡哨的操作。
 
notion image
 
💡
有关Notion安装或者使用上的问题,欢迎您在底部评论区留言,一起交流~
 
上一篇
Netlify如何自定义域名
下一篇
Notion从入门到精通,全网最强学习资料。