NotionNext BLOG

这个模版是一个表格，表格的每一行是一篇博客，我们可以在表格上面进行编辑点击`+New`可以添加新的一行，也就是新的一篇博客，点击文档图标打开具体的博客内容进行编辑，Notion文档支持markdown语法。我们点击`/`就可以编辑特定格式的文本，比如添加页面，待办列表，标题，表格，有序列表，无序列表，甚至还能添加媒体，比如图片，视频，音频，代码，文件等等。所以说Notion是非常强大的。当你需要写一篇文章的时候，只需要在复制后的模版里面添加一行，然后编辑那个页面就可以了。

后记

本片文章主要讲解了使用Notion搭建个人网站的宏观效果，以及教大家怎么样使用Notion去写自己的个人网站，后续的教程我会教大家怎么把个人网站托管到Vercel平台，然后申请免费域名。就像我现在的个人网站一样。

视频教程

使用Notion搭建个人网站系列二、Notion页面部署到Vercel平台

Mon, 20 Feb 2023 00:00:00 GMT

背景

这个系列适合所有零基础的电脑小白用户，轻轻松松搭建属于自己的个人网站。

如果对怎么使用Notion创建一个网站页面不了解，可以看我上一篇教程：使用Notion搭建个人网站系列一、使用Notion创建个人主页

按惯例先看下我的个人网站展示效果。我是非常喜欢这种主题的，也计划要把个人网站全部迁移到Notion上。

搭建这样效果的个人网站只需要两个账号即可。

一、Github账号

1. 创建账号

如果你还没有Github账号，先使用email地址注册一个，非常简单。

2. 克隆项目

Fork NotionNext到你的Github账号

可以在Github的搜索框直接搜索NotionNext，也可以直接点击链接：https://github.com/tangly1024/NotionNext

然后点击点击右上角的Fork按钮：

然后就会弹出如下界面，点击Create Fork，就会在你的Github账号里面拷贝一份代码。

这份代码就是我们搭建个人网站的关键，这个NotionNext调用了Notion的API来展示Notion的页面，同时提供了一些主题和特效，可以定制化我们的网站效果。

对于这个仓库，我们唯一需要关注的就是blog.config.js文件，我们的所有主题特效修改都只需要改这个配置文件即可，后面我会详细介绍。

二、Vercel账号

如果你还没有 Vercel 账号，先创建一个Vercel账号，直接使用刚才的github账号注册，同时方便从Github导入NotionNext。

1. New Project

第一步是新建项目

2. Import Git Repository

导入Git仓库，可以选择导入所有仓库，也可以选择导入指定仓库NotionNext

3. 选择NotionNext并Import

在仓库列表里面 NotionNext然后点击Import

4. 部署

配置你的notionnext

点击Environment Variables

Name: NOTION_PAGE_ID Value: e4bc192eb3ac47b18c0a547fc127f542

注：Value是你的Notion个人主页的值，我们从我们之前的那个Notion模版里面点击Share->Share to web->Copy web link

可以看到我们的link

那么中间这个部分就是你的value，填到环境变量里面。

点击 Deploy，然后等两分钟，就可以部署成功了。

然后点击Vercel分配给你的域名直接访问，就可以访问到你的个人网站了。由于网络限制的原因，可能访问不成功，没关系，我们下一步申请域名来绑定到个人网站来访问。

网站配置

我们刚才说过blog.config.js文件是Notion个人网站的一些配置，我们可以直接修改这个配置文件来修改展示效果。

文件里面每一行的作用都有详细的注释，你可以根据需求修改。我们在Github上的修改，无需重新部署，Vercel会监听Github的修改，自动部署。


AUTHOR: process.env.NEXT_PUBLIC_AUTHOR || '科技小飞哥', // 您的昵称 例如 techxiaofei
BIO: process.env.NEXT_PUBLIC_BIO || '科技小飞哥的个人网站', // 作者简介
LINK: process.env.NEXT_PUBLIC_LINK || 'https://techxiaofei.eu.org', // 网站地址

所有带有process.env前缀的变量，都可以在Notion里面添加环境变量配置来覆盖，同NOTION_PAGE_ID一样，意味着如果你不想修改NotionNext代码仓库，是完全可行的。

同时NotionNext代码仓库还有着其它非常丰富的配置可以修改，甚至可以显示主题选项，随时一键切换主题，显示鼠标点击特效，动态特效，宠物挂件，音乐播放插件，等等。

这些都等着你探索。

后记

可以看到我们搭建一个个人网站根本不需要任何编程基础或者执行指令。

到现在我们算是成功了80%，还有一步就是申请免费域名就绑定到个人网站。下一篇我会讲如何申请免费域名并绑定到个人网站，到这一步，你的个人网站才算完整。

视频教程

VPS搭建v2ray科学上网｜自建机场｜附各平台使用教程

Sat, 08 Apr 2023 00:00:00 GMT

背景

亲爱的小伙伴大家好，今天教大家如何在云服务器上自建机场进行科学上网。

为什么自建机场？

Chatgpt的爆火带动了一批科学上网的需求剧增，很多人都是订阅机场来满足科学上网的需求，订阅的机场第一是非常不安全容易暴露个人隐私，第二是使用同一IP的人数太多，像使用来访问chatgpt，非常容易被识别出来然后被封号。所以这种场景下还是自己搭建科学上网梯子最安全，独立的IP地址，同时个人隐私也有保障。

为什么不选择国内的云服务器供应商？

自己搭建机场需要一台VPS或者云服务器，拥有一台VPS不仅可以搭建机场，还可以用来部署服务把chatgpt接入各种平台，比如微信，公众号，网站，电报等等。

国内的云服务器供应商，如果搭建科学上网或者部署Chatgpt服务，都面临被封的风险，所以建议有此需求的小伙伴去国外的服务器供应商购买。

VPS/云服务器

如果你还没有VPS或者云服务器，我给大家推荐一家国外的云服务器供应商。

可以点此地址购买：http://bit.ly/3GlfucW

它们的VPS非常便宜，最便宜的VPS只需要3美刀一个月，你可以在上面自建机场搭建科学上网，搭建个人网站，也可以用来接入ChatGPT。如果你的预算充足，也可以直接购买云服务器，也非常便宜，每个月只需要7美刀左右。

你订阅一个靠谱的机场的价格也差不多这个价，但是自己购买VPS可以在上面自建机场代理，同时还可以接入ChatGPT。

有需求的小伙伴可以点此 http://bit.ly/3GlfucW 链接注册购买。

协议选择

科学上网的技术一直在发展。从最开始的VPN到SS到SSR再到v2ray，像VPN或者SSR这些前些年比较火，但是由于流量特征比较明显，非常容易被识别并被封。所以现在已经很少使用了。

V2Ray使用了新的自行研发的VMess协议，改正了SSR一些已有的缺点，更难被墙检测到。所以V2ray就成了最近非常火的科学上网工具。

v2ray要说缺点，那就是配置比较复杂，不过现在越来越多的大牛写了很多一键部署脚本，让小白少走很多弯路，可以轻松一键部署v2ray进行科学上网。

快速搭建 v2ray

我们使用Ubuntu服务器来快速搭建v2ray，首先你需要有一台在境外的ubuntu云服务器。

如果没有可以点此地址购买，它们的VPS服务器非常便宜：http://bit.ly/3GlfucW

v2ray 一键脚本安装

我们直接使用大神一键安装脚本。

切换root权限

执行v2ray一键安装脚本


sudo su
bash <(curl -s -L https://git.io/v2ray.sh)

如果提示-bash: curl: command not found，执行如下命令安装curl：


sudo apt install curl -y

安装

执行上述命令然后点击Enter

输入1选择安装。

之后所有的都选默认（点击Enter即可，不需要输入），点击继续。

如果提示需要重启服务，选择Yes即可。

注意：我们有几个信息比较重要，是需要配置在你连接v2ray的客户端上的。


地址（Address）
端口（Port）
用户ID（UUID）
额外ID（Alter ID）

可以保存下来，也可以之后进入到 /etc/v2ray/config.json 文件查看。

查看

执行完成之后，v2ray已经默认启动了，你可以执行指令查看是否真的启动

1. v2ray命令

输入v2ray命令查看运行状态：

显示正在运行代表运行成功。

2. Linux 命令

ps -ef | grep -v grep | grep v2ray linux命令，可以查看v2ray的进程是否存在

配置信息

如果你刚才保存了地址，端口等配置信息，就不需要查看了，如果忘了保存。


cat /etc/v2ray/config.json

可以查看配置信息

里面的inbounds信息比较重要，也就是入口流量


"inbounds": [
		{
			"port": 24649,
			"protocol": "vmess",
			"settings": {
				"clients": [
					{
						"id": "16b44a2c-106d-44f2-b4e9-e756b2294044",
						"level": 1,
						"alterId": 0
					}
				]
			},
			"streamSettings": {
				"network": "tcp"
			},
			"sniffing": {
				"enabled": true,
				"destOverride": [
					"http",
					"tls"
				]
			}
		}
]

防火墙

一般的云服务器都会有防火墙来阻挡非法流量，你需要把刚才的端口加到安全组策略里面。

你可以在个人电脑尝试telent你的IP和端口


# 例子 telnet IP port，使用你的真实IP和端口代替
telnet a.b.c.d 12345

如果能联通，说明可以使用，如果不行，那么就需要设置安全组策略。

规则方向选择入口流量

协议选择自定义TCP

端口选择你部署的v2ray端口

授权IP填写 0.0.0.0/0

添加成功之后使用 telnet IP port就可以成功了。（使用你的真实IP端口代替）

客户端连接

每个平台都有多种客户端可以连接v2ray进行科学上网。客户端连接一般来说只需要填写


地址（Address）
端口（Port）
用户ID（UUID）
额外ID（Alter ID）

我这里每个平台推荐一个软件来进行科学上网。

Windows

TODO

Android

TODO

MacOS

TODO

iPhone

TODO

未完待续，等待更新

结语

我只是推荐了几款我觉得比较好用的客户端，v2ray整体来说配置有一定的难度，如果你需要某个系统的客户端安装配置教程，可以评论区留言，我会单独制作一篇教程。

视频教程

国内无法使用ChatGPT？一招叫你轻松访问，免翻墙随时随地使用ChatGPT

Mon, 10 Apr 2023 00:00:00 GMT

完整版文字教程：https://www.techxiaofei.com/post/chatgpt/webpro

界面效果

教程

云服务器

点此链接注册购买有优惠： http://bit.ly/3GlfucW

获取API Keys

API Key获取地址：https://platform.openai.com/

Access Token获取地址：https://chat.openai.com/api/auth/session

部署教程


# 更新包管理器
sudo apt-get update

# 安装docker
apt install docker.io

# 下载docker镜像
docker pull techxiaofei/chatgpt-web:latest

# 给镜像打标签
docker tag techxiaofei/chatgpt-web chatgpt-web

# 后台运行，可修改主机端口 比如：80->8080，3002是容器端口，不可修改
docker run --name chatgpt-web -d -p 0.0.0.0:80:3002 --env OPENAI_API_KEY=your_api_key chatgpt-web

# 后台运行，使用密码访问
docker run --name chatgpt-web -d -p 0.0.0.0:80:3002 --env OPENAI_API_KEY=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 --env AUTH_SECRET_KEY=techxiaofei chatgpt-web

# 停掉进程（如需重启）
docker stop chatgpt-web
docker rm chatgpt-web

环境变量名称	必填	备注
`OPENAI_API_KEY`	`OpenAI API` 二选一	使用 `OpenAI API` 所需的 `apiKey` (获取 apiKey)
`OPENAI_ACCESS_TOKEN`	`Web API` 二选一	使用 `Web API` 所需的 `accessToken` (获取 accessToken)
`AUTH_SECRET_KEY`	可选	访问权限密钥
`MAX_REQUEST_PER_HOUR`	可选	每小时最大请求次数，可选，默认无限
`OPENAI_API_BASE_URL`	可选，`OpenAI API` 时可用	`API`接口地址，默认：https://api.openai.com
`OPENAI_API_MODEL`	可选，`OpenAI API` 时可用	`API`模型，默认：`gpt-3.5-turbo`

视频教程

【全网最简单方法】ChatGPT接入微信公众号 - 包教包会

Thu, 13 Apr 2023 00:00:00 GMT

背景

完整版文字教程：https://www.techxiaofei.com/post/chatgpt/wechat_mp/

教程

云服务器

点此链接注册购买有优惠： http://bit.ly/3GlfucW

输入：RAKBL9 有9折优惠

API Key

API Key获取地址：https://platform.openai.com/

部署


# 更新包管理器
sudo apt-get update

# 安装docker
apt install docker.io

# 下载docker镜像
docker pull techxiaofei/bot-on-anything:latest

# 给镜像打标签
docker tag techxiaofei/bot-on-anything bot-on-anything

# 下载配置文件（公众号版），只需要改api key即可
# token可改可不改，只需要保证和公众号里面配置的一样即可。
wget -O config.json https://raw.githubusercontent.com/techxiaofei/resource/main/config/chatgpt/official/config.json

# 后台运行
docker run --name bot-on-anything -d -p 0.0.0.0:80:80 -v "$(pwd)/config.json:/app/config.json" bot-on-anything python app.py

# 查看log
docker logs -f bot-on-anything