[建站相关] 使用Notion搭建个人网站系列一、使用Notion创建个人主页
作者:CC下载站 日期:2023-02-15 01:00:55 浏览:5 分类:站长帮
今天我们开启一个新的系列教程,使用Notion搭建个人网站系列
。
这是这个系列的第一篇教程 - 使用Notion创建个人主页
之前我制作了一个系列教程 - 使用hugo搭建个人博客系列
Hugo
是一个非常优秀的搭建静态博客的模版,但是Hugo
对于零编程基础的电脑用户来说有一定的上手难度,需要执行一些电脑命令和代码改造。
所以我就想做一个让没有编程基础的用户也能轻松免费搭建自己的个人博客网站。Notion
就是满足这个要求的工具,可以让你不用一行代码,一条命令 轻轻松松搭建一个自己的个人网站。
效果展示
搭建这个个人网站仅仅需要几个简单的背景知识和账号:
- Notion账号,Notion是一款功能强大的效率软件,它极大的提升了我们的学习和工作效率,并且能很好的帮助我们管理我们的日常生活、学习、工作等各种事情。比如笔记,任务,工作,会议记录,规划,代办事项等,可以单独使用也可以团队协作。
- Github账号,个人网站的主题是通过Github的NotionNext 项目来实现和配置的,有着丰富的展示效果,比如布局,主题,文章目录,添加音乐,评论系统等等。
- Vercel账号,是一个托管平台,负责部署NotionNext项目,来最终显示你的个人网站。
- 免费域名-freenom,你可以选择免费域名网站或者购买付费域名绑定到你的个人网站。
我会通过一个系列来教大家如何完整的搭建自己的个人网站
- 使用Notion创建个人主页
- Notion个人主页部署到Vercel平台
- 绑定免费域名到Notion个人网站
使用Notion创建个人主页
首先我们需要有Notion账号,输入notion的官网地址: https://notion.so 登录使用。
如果是手机端可使用Notion App
如果你没有notion账号,可以注册一个notion账号,可以使用email地址或者google地址注册。
侧边栏可以创建非常丰富的笔记类型,能满足基本所有的效率笔记需求。
登录账号之后,打开这个Notion模版 Notion模版
然后点击右上角的Duplicate
,把模版克隆到你的账号下面,这样你就可以开始创作了。
我们把模版克隆到到个人账户之后,点击右上角的Share
->Share to Web
,那么互联网上的用户就能使用这个链接来访问我们的个人页面了。
而这个页面就是你个人网站的内容编辑页面,你可以先修改图标和名称。
表格
这个模版是一个表格,表格的每一行是一篇博客,我们可以在表格上面进行编辑
解释一下表格各个列的意义:
type
- Post:博客,Page:菜单(归档,留言,友链等),Notice:公告status
- Published: 已发布,Invisible:不可见,Draft:草稿title
- 具体的博客内容,点击Open即可打开编辑slug
- 链接后缀,不填就是默认的notion的随机字符串,可读性不好,建议填写
其他的列都比较简单就不介绍了。
点击+New
可以添加新的一行,也就是新的一篇博客,点击文档图标打开具体的博客内容进行编辑,Notion文档支持markdown语法。
我们输入/
就可以编辑特定格式的文本,比如添加页面,待办列表,标题,表格,有序列表,无序列表,甚至还能添加媒体,比如图片,视频,音频,代码,文件等等。
所以说Notion是非常强大的。当你需要写一篇文章的时候,只需要在复制后的模版里面添加一行,然后编辑那个页面就可以了。编辑完之后,链接可以分享给其他用户,他们可以通过链接访问我们的个人主页。这也是Notion的协作工作所支持的,可以支持页面分享。
分享的页面跟你编辑的页面是一样的,并没有主题展示效果,也不支持域名自定义。
而我们最终想要的效果是搭建成自己的个人网站,有完整的主题,并能绑定到个人域名,这个就需要github+vercel的支持,这个内容我们下个教程再讲。
<全文完>
猜你还喜欢
- 03-29 [环境测试] Hexo部署GitHub Pages
- 03-22 [源码设置] 如何设置Xiuno BBS URL-Rewrite(伪静态设定)
- 03-06 [建站交流] PicGo + smms 构建图床
- 11-18 [emlog技巧] Emlog非插件显示评论者IP属地
- 11-09 [网站维护] WordPress 后台速度慢?加快仪表板速度的 15 种方法
- 11-09 [WordPress插件] 10 个最好用的 WordPress 聊天机器人插件(免费和付费)
- 11-09 [WordPress开发] 探索 WordPress 6.3 中的增强样板(Patterns)
- 11-09 [网站维护] 无需插件即可优化 WordPress 速度的 12 种策略
- 11-09 [网站安全] WordPress 安全统计:WordPress 到底有多安全?
- 09-20 [jsp技术] JSP ssm 特殊人群防走失系统myeclipse开发mysql数据库springMVC模式java编程计算机网页设计
- 09-15 [Lightsail容器] AWS Lightsail VPS:一种在云中运行容器的简单方法
- 07-28 [运维笔记] 解决网站出现"SSL_ERROR_RX_RECORD_TOO_LONG"问题
取消回复欢迎 你 发表评论:
- 精品推荐!
-
- 最新文章
- 热门文章
- 热评文章
[课程] 面授系统课-王氏中药外治疗法6节
[课程] 职场必备生存法则体制内经验课
[课程] 外贸话术实战营系统课,让你不再不知所措,减少试错时间,脱变成外贸拿单达人
[课程] 餐饮人必修课
[课程] 千峰教育-小沐老师Python教程基础语法到项目实战(flask博客网站的实现) - 带源码课件
[课程] 极客时间-从 0 开发一款 iOS App
[网赚相关] 最新网易云梯计划网页版,单机月收入5000+!!
[游戏娱乐] 《永恒空间2》v1.1.39656中文版
[摄影] 玩转手机摄影 | 滤镜手机支架
[美食] 春天最不能忘记吃的菜,脆甜爽口营养高,减肥、控糖都很合适
[资料] [大学期末救急课] 猴博士+高斯课堂+斐多课堂,全集视频合集
[云资源] 价值2万元的老男孩Python教程
[书库] 史上最全摄影书推荐(附700本PDF版打包下载)
[云资源] 花了一千多元买的私人健身教程
[下载工具] Internet Download Manager 6.42.7 (IDM)
[影视] 灌篮高手 WEB-DL版下载/Slam Dunk/スラムダンク/灌篮高手:THE FIRST/灌篮高手电影版 2022 The First Slam Dunk 61.35G
[即时通讯] 腾讯QQ PC版9.7.22.29315去广告绿色纯净版
[开发环境] PhpStorm2023中文激活版v2023.3.3 正式版
[资料] 3000 套电影电视剧 LOGO 宣传片常用音效合集包
[安卓软件] 酷我音乐APP_v10.7.6.4 去广告破解豪华VIP版
[云资源] 价值2万元的老男孩Python教程
[影视] 灌篮高手 WEB-DL版下载/Slam Dunk/スラムダンク/灌篮高手:THE FIRST/灌篮高手电影版 2022 The First Slam Dunk 61.35G
[云资源] 花了一千多元买的私人健身教程
[书库] 史上最全摄影书推荐(附700本PDF版打包下载)
[动画] 北斗神拳(1984) [两季合集] [MKV]
[资料] 抗战阵亡将士资料+续编
[电视剧] 三体 (2024) 全8集 网飞版本 中文字幕 合集
[影视] 三大队 WEB-DL版下载/Endless Journey/请转告局长,三大队任务完成了 2023 三大队 6.7G
[纪录片] 河西走廊【10集 国语 中文字幕 1080P 10.8G MP4】
[影视] 涉过愤怒的海 WEB-DL版下载/怒海 / Across the Furious Sea 2023 涉过愤怒的海 26.3G
- 最新评论
-
我想看看mw2ddyy 评论于:04-26 好东西阿zfy123123 评论于:04-18 谢谢楼主xiaoqi 评论于:04-12 勿在线解压,勿手机解压,请在电脑上用最新款压缩软件解压!推荐360压缩或者好压CC下载站 评论于:04-10 无法解压啊,客服能不能给个解压教程ravengrey 评论于:04-10 谢谢支持!!CC下载站 评论于:03-26 很棒的资源,感谢分享云体风身 评论于:03-26 感谢分享,好东西云体风身 评论于:03-26 谢谢支持!CC下载站 评论于:03-14 央视精品,感谢付出提供。qwer9009 评论于:03-14
- 热门tag