type
status
date
slug
summary
tags
category
icon
password
😀
这里写文章的前言: 一个简单的开头,简述这篇文章讨论的问题、目标、人物、背景是什么?并简述你给出的答案。
可以说说你的故事:阻碍、努力、结果成果,意外与转折。
 

📝 主旨内容

一、注册Notion账号

官网地址: https://notion.so
注册并登录后会进入以下界面
notion image

复制Notion模版

登录账号之后,打开 Notion模版 打开这个网址
点击 Duplicating 可将模板复制到自己网站了
notion image
模版克隆到到个人账户之后,点击右上角的Share->Publish->Publish to Web,那么互联网上的用户就能使用这个链接来访问我们的个人页面了。
notion image

二、Github拉取NotionNext项目

NotionNext项目 fork到自己的github
直接打开github官网直接搜索Notion Next 点击第一个,也可以点击上面的网址直接访问
notion image
这份代码就是我们搭建个人网站的关键,这个NotionNext调用了Notion的API来展示Notion的页面,同时提供了一些主题和特效,可以定制化我们的网站效果。
对于这个仓库,我们唯一需要关注的就是blog.config.js文件,我们的所有主题特效修改都只需要改这个配置文件即可。
notion image

三、Vercel部署

注册或登录 Vercel,建议用github账号进行登录,选择添加新项目
notion image
然后选择github中的存储库
notion image
点击后这里需要去配置一些环境参数
notion image
notion image
notion image
复制地址里的id就可以了
notion image
然后点击添加
notion image
经过几分钟就进入这个页面
notion image

四、绑定域名,

这里需要去申请一个免费的域名

1.注册域名-方法1

这里有很多网站可以申请免费的域名,但本人亲测,效果作用不大,有的网站甚至拒绝提供了免费的注册域名。这里推荐一个免费的https://nic.eu.org/ 这个网站,但是这个网站申请可能得几个月的时间才能申请成功,需要等待。
在这里去演示注册域名的步骤

1.进入网站进行注册

notion image
notion image
填写用户名密码等信息
  • Name:全名+性别(中间是空格)
  • E-mail:自己真实的邮箱,等下需要收取验证链接的。我用的QQ邮箱,实测没有问题
  • Address (line 1):街道+城市(中间是空格)
  • Address (line 2):州
  • Phone和Fax:电话号码
  • “I have read and I accept the domain policy”需要勾选起来
  • “Password”填写的是你的登录密码;“Confirm Password”是确认密码,这个等下就会用到的,请务必记下来
  • 不懂英文的也可以直接使用浏览器的翻译,进行注册就好了。
notion image
点击创建后,会给你的邮箱发送一条信息,信息会包含一个跳转链接,直接点击即可
notion image
然后点击
notion image
然后点击Login按钮进行登录,登录后会进入,点击new 一个域名
notion image

2.这里要填写你要注册的域名,需要注意的是:后面必须加上【eu.org】后缀

这里还需要添加一些个人信息,这里推荐使用一些外国人英国/美国的信息,这样可以提高通过率。可以使用一些自动生成的网站:https://www.meiguodizhi.com/uk-address填写完后什么都不要动,因为还没有填写完
notion image

3.使用腾讯云的DNS解析服务

重新打开浏览器另外一个标签页,打开腾讯DNSPOD:https://www.dnspod.cn/,登录自己的账号(没有就直接注册一个,可以微信扫码快速注册,非常简单),然后点击右上角的“管理控制台”。
notion image
notion image
这里填写的域名就是刚才你要注册的域名
notion image
这里会有一个DNS地址待修改,鼠标移上去会有两个地址,这两个地址就是配置DNS解析的需要复制到注册域名的网站上补全信息
notion image
将两个地址复制粘贴
notion image
检查无误后就可以提交了,提交之后只能等了,网站通过了会给你发送一个邮件。

2.注册域名-方法2

这里使用硅云进行注册https://www.vpsor.cn/ 这里申请的并不是永久免费的,但是速度快多了,这里会有1年的免费时间。
注册账号
因为我这里已经注册过了,不带着大家进行注册。
notion image
登录进主页后,点击域名
notion image
点击进入域名后,点击新建按钮,就会跳转到这个页面显示,会有免费的显示。
这里会有免费的后缀,选择你要的域名后缀,以及填写你的域名,点击查询域名
notion image
点击查询后会有很多的域名可以进行注册,选择免费的即可
notion image
点击注册会跳转到这个页面,需要进行购买。
notion image
这里还需要去设置模板,也就是填写一些个人信息验证,需要10几分钟那样
这里就是填写一些个人信息,根据自己的身份信息进行填写就可以了,验证需要几十分钟那样。
notion image
然后就是提交订单,提交订单过后,基本上就注册成功了。
点击 域名 就会出现你注册的域名。这样域名就注册成功了。

五、绑定域名

由于中国大陆专属的域名污染,vercel自动分配域名可能访问不成功,可以绑定注册好的域名进行访问
可以直接点击Add Domain进行添加,也可以直接打开 Setting 页面进行添加
notion image
填写已经注册好的域名
notion image
添加后提示不合法,需要添加 A记录 和 CNAME 记录
notion image
到域名管理平台绑定域名,此处以 硅云 为例,点击到域名 --> 管理。就会跳转到域名的控制面板。
notion image
进入控制面板后点击DNS解析管理
notion image
然后把刚才网站的name 和value复制过来
notion image
在控制面板中添加一条记录,把刚才的name和value的值复制进去。
notion image
这样回到刚才设置域名的页面刷新以下,发现已经成为有效记录了
这样就可以通过你自己的域名访问自己的博客网站了。
notion image

🤗 总结归纳

总结文章的内容

📎 参考文章

  • 一些引用
  • 引用文章
 
💡
有关Notion安装或者使用上的问题,欢迎您在底部评论区留言,一起交流~
Redis入门Token认证技术方案
Loading...
三-岁
三-岁
一个普通的干饭人🍚
公告
🎉api调用体验平台已上线🎉
-- 感谢您的支持 ---
👏欢迎更新体验👏
默认账号密码:mozhiyuan:12345678