科技小飞哥 科技小飞哥 2023-06-17 17:39 发表于新加坡

背景

如何使用NotionNotion如何汉化

个人网站

我之前搭建过两个个人网站：

一个是使用Hugo静态博客框架搭建的个人网站：https://www.techxiaofei.com/

另一个就是使用Notion搭建的个人网站：https://techxiaofei.eu.org

Hugo搭建博客需要一定的编程基础并且执行开发命令，对零基础的小伙伴来说有一定的难度，但是可定制化更强，有更多的主题可以选择。

而Notion来说对小白就非常友好了，你不需要任何编程基础，只需要写一个文档，就可以帮你自动部署。

Hugo个人网站

这是我的Hugo个人网站 https://www.techxiaofei.com

Notion个人网站

这是我的Notion个人网站 https://techxiaofei.eu.org

这两个网站都是完全免费的，不知道你更喜欢哪一个，如果你更喜欢Hugo的话请在评论区留言，我后续再做一个Hugo的系列教程。

一、Notion账号

注册Notion账号

首先我们需要有Notion账号，输入notion的官网地址：https://notion.so 登录使用。

如果你没有notion账号，可以注册一个notion账号，可以使用email地址或者google地址注册。

侧边栏可以创建非常丰富的笔记类型，能满足基本所有的效率笔记需求。

我之前也做了Notion的使用和汉化教程，有兴趣的可以查看视频下方的描述栏。

复制Notion模版

登录账号之后，打开这个Notion模版 https://mulberry-table-1ab.notion.site/6bff0ff4f0ee4e88866963af3df06459?v=7adb45c325184cbdb788d2a46151d693

Duplicate复制

SharePublishPublish to Web

而这个页面就是你个人网站的内容编辑页面，我们先不修改，等部署之后再慢慢修改。

二、Github账号

1. 创建账号

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

2. 克隆项目

NotionNext

NotionNext

我们可以看到它有多种主题，如果你喜欢哪个，可以在部署后切换主题。

Fork

Create Fork

NotionNext

blog.config.js

三、Vercel账号

创建账号

如果你还没有 Vercel https://vercel.com/ 账号，先创建一个Vercel账号。

SignUp

+86

新建项目

第一步是新建项目

导入Git仓库

NotionNext

NotionNextImport

部署

配置你的notionnext

Environment Variables

NOTION_PAGE_IDe4bc192eb3ac47b18c0a547fc127f542

ShareShare to webCopy web link

可以看到我们的link

https://mulberry-table-1ab.notion.site/6280b79464184604bc6872e627e9b6a3?v=2cd07ed47d834c89bc60fbfee0973b6b

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

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

然后点击图片，就会自动跳转到Vercel自动分配给你的域名来访你的个人网站了。

由于域名污染，vercel自动分配域名可能访问不成功，没关系，我们下一步申请域名来绑定到个人网站来访问。

申请域名

申请非常简单，如果你想免费白嫖，可以看之前我的申请免费域名的教程。

我这个网站的域名就是免费白嫖的，https://techxiaofei.eu.org

如果你觉得麻烦，可以去域名供应商购买一个付费域名也是可以的。

有了域名之后就是域名配置，我们直接在setting里面找到domain然后配置域名，填写你白嫖或者购买的域名，配置后会要求你在域名解析商里面填两条记录。

一条是A记录，一条是CNAME记录。我是用Cloudflare解析的，我直接去Cloudflare填上这两个记录，如果你使用的其它的平台，比如阿里云，腾讯云之类的，也可以直接在上面填写记录。

填写记录之后Vercel显示成功。

就可以直接使用你的域名跳转到个人网站了。

网站配置

blog.config.js

我们有两种方式可以修改：

blog.config.jsEnvironment Variablesblog.config.js

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

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

process.envNotionNOTION_PAGE_IDNotionNext

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

这些都等着你探索。

表格

我们回到Notion网站，可以看到我们的Notion模版，这个模版是一个表格，表格的每一行是一篇博客，我们可以在表格上面进行编辑，最终会反馈到我们的个人网站上面去。

解释一下表格各个列的意义：

typestatustitleslug

其他的列都比较简单就不介绍了。

+New

/

所以说Notion是非常强大的。当你需要写一篇文章的时候，只需要在复制后的模版里面添加一行，然后编辑那个页面就可以了。编辑完之后，链接可以分享给其他用户，他们可以通过链接访问我们的个人主页。这也是Notion的协作工作所支持的，可以支持页面分享。

分享的页面跟你编辑的页面是一样的，并没有主题展示效果，也不支持域名自定义。

修改之后等一段时间就会自动部署到个人网站，如果你想要尽快生效，也可以在vercel手动部署。

Build LogsRedeploy

后记

现在我们就完整搭建了一个个人网站，是不是觉得成就感满满。赶紧尝试吧。

///

Notion全平台中文汉化教程

背景

上篇教程我给大家介绍了我认为最好用效率笔记软件-Notion。https://www.youtube.com/watch?v=ne3maq-pVg8

但是Notion有一个非常不友好的地方在于，他不支持中文版。无论是网页版还是电脑版还是手机版都不支持中文版。

这篇教程我来教大家如何让Notion在各平台支持中文。

方法一、使用NotionCn插件

我要讲的第一种方式，就是使用NotionCn插件 这个方式适合使用网页版Notion的用户。

第一步

首先从插件商城下载并安装 NotionCn插件 https://chrome.google.com/webstore/detail/notioncn/hmnaobgeiojplphcldmeiklgllchflpp

第二步

前往Notion网页端，刷新重新加载页面即可完成汉化。

这个插件的翻译是经过开发者人工校对，翻译结果比较准确。

方法二、Windows客户端中文汉化

如果你是Windows用户，首先你需要安装Notion的官方客户端，地址：https://www.notion.so/desktop。安装登录之后是英文的客户端。

我们下一步就是安装汉化脚本，而汉化脚本主要基于官方中文词条+人工校对，可以说是目前翻译精度最高的汉化脚本。

第一步

下载汉化脚本，地址：https://greasyfork.org/scripts/430116-notion-zh-cn-notion%E7%9A%84%E6%B1%89%E5%8C%96%E8%84%9A%E6%9C%AC/code/Notion-zh_CN%20notion%E7%9A%84%E6%B1%89%E5%8C%96%E8%84%9A%E6%9C%AC.user.js，然后命名为notion-zh_CN.js

第二步

打开文件所在的位置
esourcespp
enderer

第三步

notion-zh_CN.jsrenderer

第四步

preload.js

preload.js

require("./notion-zh_CN")

第五步

重启Notion完成汉化

方法三、Notion Mac客户端汉化

同Windows客户端类似，首先你需要安装Notion的官方客户端，地址：https://www.notion.so/desktop。安装登录之后是英文的客户端。

第一步

下载汉化脚本，地址：https://greasyfork.org/scripts/430116-notion-zh-cn-notion%E7%9A%84%E6%B1%89%E5%8C%96%E8%84%9A%E6%9C%AC/code/Notion-zh_CN%20notion%E7%9A%84%E6%B1%89%E5%8C%96%E8%84%9A%E6%9C%AC.user.js，命名为notion-zh_CN.js

第二步

Finder >> 应用程序Notion显示包内容

第三步

ContentsResourcespp
enderer

第四步

notion-zh_CN.js

第五步

preload.jspreload.js

require("./notion-zh_CN")

第六步

Settings & membersLanguage & Region

因为我们安装了汉化包，所以无论我们选择什么语言都被中文覆盖。

方法四、Notion安卓客户端中文汉化

直接在Android手机下载汉化版APK应用程序。

第一步

点击下载notion汉化apk，地址：https://github.com/Reamd7/notion-zh_CN/tree/main/apk

第二步

安装apk直接登录使用

根据Notion-zh_CN汉化脚本的github文档，目前它还没有发布适用于苹果iOS系统的版本，iphone用户请耐心等待更新。

。