打造自己的专属博客网站,如此简单!

2,386 阅读4分钟

大家好,我是LV,作为Notion的重度使用者,最近用Notion搭建了自己的专属博客网站!

欢迎体验:blog.xmn-lv.cn/

界面简洁美观,功能丰富。你可以轻松地添加博客文章、链接、图片、自定义主题样式,最重要的是,这个博客网站是完全薅过来的(免费的!)

下面带你开始薅羊毛!

白嫖第一步,了解Notion

以下是LV日常使用最频繁的Notion功能:

笔记

Notion提供了丰富的笔记编辑功能,支持多种格式的文本、表格、列表、嵌入式内容等,还支持插入多种类型的媒体文件,如图片、视频、音频等。用户可以随时随地记录和整理自己的笔记,方便查看和管理。

文档协作

Notion支持团队协作,可以在同一个页面上进行实时协作,方便团队成员共同编辑和使用。同时,Notion还支持评论、版本控制等功能,方便用户进行文档的审核和追踪。

个性化定制

Notion提供了丰富的模板和功能,可以方便的进行个性化定制和扩展。用户可以自定义页面样式、添加自己的工具和插件,甚至可以将Notion作为网站的后台,实现博客、个人主页等功能。

Notion AI

作为今年跟随ChatGPT推出的重磅炸弹,颠覆你的写作方式!(如下是Notion AI 的自我介绍)

白嫖第二步,分享到web

Notion支持将你的内容分享出来成为一个web网页,给你提供专属的域名,让所有人可以访问,具体步骤如下:

  • 创建一个Notion页面文档(如下)

  • 点击页面右上角的“Share”按钮,选择“Share to web”,点击“copy web link”,将分享链接复制,并分享给需要的人

  • 在浏览器打开链接,此时的链接就是你的个人博客网站!

注意:公开分享的页面或数据库可以被任何人查看,因此请确保其中不包含任何敏感信息。

此时你的Notion网站已经建立好了,使用的域名是Notion给你分配的,网站里面的内容和Notion一模一样,此时已经满足部分人的需求了,但是还存在一些问题

问题 1: Notion提供的域名在国外,国内访问不是很稳定(需要科学上网)

问题 2: 由于Notion提供的web网页只能展示Notion相关的内容,如果有自定义网站功能的需求,可能不适用

如果你想自己的网站能在国内快速访问、或者是有自定义网站的需求,那么请继续往下看

集成Notion到自己的博客网站

在之前的文章《手把手教你如何在国内搭建ChatGPT访问网站!!!》中,教了大家如何使用Vercel搭建国内可访问的网站,仔细想想,是不是也可以用同样的方式搭建个人博客网站?

没错,同样的思路,使用开源项目 + Vercel + 国内域名,一套搞定!

细节方面的vercel使用本文不赘述,请看历史文章《手把手教你如何在国内搭建ChatGPT访问网站!!!》

Fork开源项目

github地址:github.com/enginner-lv…

更换配置项

核心就是 rootNotionPageId ,程序会根据它来获取你的Notion数据,最终渲染你的网站

如何获取rootNotionPageId?,在“白嫖第二步,分享到web”中可找到

部署开源项目到Vercel

关联githab到Vercel平台,导入notion项目,一键deploy

使用国内域名访问

这个开源项目使用next.js开发,集成了服务端渲染,首屏渲染刷刷的,SEO优化也棒!(看看这网页源码,很舒服)

后续福利

  • 可以在公众号后台回复 “blog” 获取LV的Notion博客模板,将会一直更新模板内容~ 带来更好的用户体验
  • 有没有想过在博客网站中集成ChatGPT?针对文章内容给用户不一样的阅读体验?我正在做,欢迎评论留言跟LV来讨论!
  • 自从我的国内ChatGPT网站被分享出来之后,现在每天消耗2~3美元,有时候高达一天7美元,而且用户表示GPT回答问题的速度也慢了下来,各位有条件的使用自己的 openai key来访问吧!公共资源这样子用下去,LV有点顶不住了…
  • 有朋友说现在很难注册ChatGPT账号了,最近我在海外的服务器上注册了一波ChaGPT账号,到时候会抽几位幸运的粉丝送出去!