type
status
date
slug
summary
tags
category
icon
password
人员
电子邮件
网址
comments
AI Summary

本地部署搭建 Notion blog 网站

💡
本网站部署的所有项目基本都是基于宝塔+docker 或者 node+Git,或者 1panle 面板+docker,或者 vercel 直接部署。博主也是小白,个人较偏好使用docker+宝塔的部署方式,其他的也在慢慢摸索中!良言说:兴趣是最好的老师!如果你也有兴趣,也可以跟着教程探究尝试哦!
 

本文将分享2种部署方式:

1.第一种:node+git 本地搭建部署

2.第二种:Docker 本地搭建部署


 

现在开始第一种部署方式

1.首先,需要安装好 Node.jsGit

然后,打开命令行终端,输入下面命令
测试 node 和 git 有无安装成功,如未安装,需要安装一下 Node.jsGit
这就是已经安装好了
这就是已经安装好了
 

2.下载项目到本地

 
项目已经拉取成功了
项目已经拉取成功了
 

3.进入文件目录(我安装在E盘的,你们根据自己实际情况来就行)

 

4.安装项目依赖:

依赖这就安装好了
依赖这就安装好了
 

5.配置环境变量(很重要)

在项目根目录中创建一个名为 .env.local 的文件,并添加以下内容
 
您需要将
<Your-Notion-PAGE-ID> 替换为您的Notion-Page-ID
<Your-Notion-API-Key> 替换为您的Notion API密钥
<Your-Notion-Database-ID> 替换为您要使用的Notion数据库ID
 
notion image
 
PAGE-ID 获取方式
notion image
 
API-Key获取方式:https://developers.notion.com/
登录账号,创建notion数据库
notion image
这个密码就是API-Key
这个密码就是API-Key
 
Notion-Database-ID:获取方式
在Notion中在下面的URL中,可以看到一串字符和数字的代码。其中,以"/"符号分隔的一段字符就是您的 Notion-Database-ID
 
"7cff03f2a9124299acd1238175dd65d2" 就是您的 Notion-Database-ID
 
这里复制出来的链接,从里面提取字符就是Notion-Database-ID
这里复制出来的链接,从里面提取字符就是Notion-Database-ID

6.运行本地服务器

网页已经成功运行
网页已经成功运行
此时,网站就已经搭建好了
此时,网站就已经搭建好了

 

第二种部署方式:Docker本地部署

 
#需要安装 Docker Docker Compose 确保你的电脑已经安装了 Docker Docker Compose
 
如果没有安装,可以在官方网站上找到安装指南:
 

详细部署流程如下:

1.获取 NotionNext 源码: 在你想要部署 NotionNext 的目录中,使用 git clone 命令获取 NotionNext 的源码:

这就下载到本地成功了
这就下载到本地成功了

2.终端命令行进入 Notion Next 目录 填写自己实际的

notion image
这里确认自己的 Notion Next 目录,
比如:这是我实际的 Notion Next 目录,那就这样填写
比如:这是我实际的 Notion Next 目录,那就这样填写
如果你是放在C盘的,就直接用 cd notionnext 这个命令打开
 

3.配置环境变量(很重要

Notion Next 源码文件中,并没有 docker-compose.yml 这个文件,需要你自建一个。
 
notionnext 目录中创建一个 docker-compose.yml 文件,并配置所需的环境变量。你可以根据需要自定义这些变量。
 
1.1创建 Docker Compose 配置文件: NotionNext 项目的目录中创建一个名为 docker-compose.yml 的文件。
notion image
 
1.2编辑 Docker Compose 配置文件: 使用文本编辑器打开 docker-compose.yml 文件,你需要定义配置镜像、映射端口、环境变量等
 
这个 docker 端口如果占用了,自己改下端口就好了!
 
notion image
 
这里将
<YOUR_NOTION_API_TOKEN> 替换为你的NOTION API TOKEN
<YOUR_NOTION_DATABASE_ID>替换为你的NOTION DATABASE ID
 
如果,要获取 Notion API Token
你需要创建一个 integration 并生成相应的 API Token按照以下步骤操作:
 
1.3登录到 Notion 登录到你的 Notion 账户。
 
1.4访问开发者页面: 打开 Notion 的开发者页面,网址为 https://www.notion.so/my-integrations
 
1.5创建一个 integration 点击页面里的” New integration "按钮,然后按照提示随便填写名称和描述。然后点击 Submit
notion image
notion image
notion image
 
注意:API Token 是非常重要且敏感的信息,不要泄露给其他人。建议将它存储在安全的地方,如环境变量中,而不要直接硬编码到应用程序中。
 
1.6获取 DATABASE_ID
这篇文章上面已经分享过获取 DATABASE_ID 方法,如果你能看到这里,往上翻翻找一下,这里不再做赘述。
 

4.启动 Docker 容器:docker-compose.yml 同目录打开终端 执行以下命令在启动 Docker 容器:

 docker-compose.yml 同目录里打开终端,输入下面的命令
docker-compose.yml 同目录里打开终端,输入下面的命令
notion image
这里下载的慢,需要耐心等待!想快的话科学上网拉的会快些
 
这就拉好启动起来了!
这就拉好启动起来了!
 

5.打开浏览器,运行网站 http://localhost:3000

notion image
notion image
notion image
notion image
 
好了,本地搭建 Notion Next 网站就分享到这里,如对你有帮助,可以请作者喝杯咖啡哦!也欢迎评论区留言点赞互相交流!
 
Fastgpt4.0知识库最新版用docker本地部署搭建Notion汉化Windows系统教程
Loading...