使用Notion搭建个人网站系列一、使用Notion创建个人主页
2023-6-1
| 2023-6-17
0  |  0 分钟
type
Post
status
Published
date
Jun 1, 2023
summary
使用Notion搭建个人博客系列一、使用Notion编写个人主页
slug
notion/blog
tags
搭建个人网站
category
搭建个人网站
password
icon
原文地址:

背景

之前我制作了一个系列教程,使用Hugo搭建个人博客系列
 
但是 Hugo 对于电脑小白来说有一定的难度,需要执行一些命令,所以我这期教程准备使用 Notion 来搭建个人网站,即使你是小白用户,也可以不用一行代码一条指令就可以轻松搭建自己的个人网站。

效果展示

如图为个人网站的展示效果:
notion image
 
在这个个人网站中有几个部分:
  1. 中间部分的文章是使用Notion编写的页面内容。
  1. 整个网站的展示效果是Github上的NotionNext项目实现的,可以配置化实现很多功能,比如不同的主题,添加音乐,字体,支持评论等等
  1. 这个网站部署在Vercel托管平台,Vercel可以一键导入Github项目,非常方便
  1. 申请免费域名并绑定到个人网站
我会通过一个系列来教大家如何完整的搭建自己的个人网站,这篇文章主要教大家如果使用Notion编写个人主页。
 

Notion是什么?

Notion是一款效率软件,它极大的提升了我的学习和工作效率,并且能很好的帮助我管理我的日常生活、学习、工作等各种事情。
Notion的功能实在是太过强大,基本上满足各种各样的需求,比如笔记,任务,学习,工作,协助,会议记录,规划,待办等等。
推荐每一个人都使用。
我们这里就只使用Notion来搭建个人网站。
 

使用Notion编写个人主页

首先我们需要有Notion账号,输入notion的官网地址:
如果是手机端可使用Notion App
 
如果你没有notion账号,可以注册一个notion账号,可以使用email地址或者google地址注册。
侧边栏可以创建非常丰富的笔记类型,能满足基本所有的效率笔记需求。
notion image
 
登录账号之后,打开这个Notion模版:
 
notion image
然后点击右上角的Duplicate,克隆到你的账号下面,这样你就可以开始创作了。 我们点击Duplicate克隆到到个人账户之后,点击右上角的Share->Share to Web,那么互联网上的用户就能使用这个链接来访问我们的个人页面了。
 
这个模版是一个表格,表格的每一行是一篇博客,我们可以在表格上面进行编辑 点击`+New`可以添加新的一行,也就是新的一篇博客,点击文档图标打开具体的博客内容进行编辑,Notion文档支持markdown语法。 我们点击`/`就可以编辑特定格式的文本,比如添加页面,待办列表,标题,表格,有序列表,无序列表,甚至还能添加媒体,比如图片,视频,音频,代码,文件等等。 所以说Notion是非常强大的。当你需要写一篇文章的时候,只需要在复制后的模版里面添加一行,然后编辑那个页面就可以了。

后记

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

视频教程

Video preview
 
搭建个人网站
  • 搭建个人网站
  • 使用Notion搭建个人网站系列二、Notion页面部署到Vercel平台【全网最简单方法】ChatGPT接入微信公众号 - 包教包会
    目录