懒人必备!Notion一键生成个人网站。

本文涉及的产品
.cn 域名,1个 12个月
简介: 懒人必备!Notion一键生成个人网站。

Hello 各位好,我是小豪。之前写过一篇基于 Notion + Next.js + Vercel 搭建个人网站的文章,老实说折腾起来有些麻烦,而且现在照着那篇文章去操作,可能还会因为代码(依赖的包)版本的不同而遇到新的问题。如果你之前看过上面的文章,但弄到一半就放弃了,没关系,今天来介绍一种超级简单的个人网站搭建方法,只需要用到一个工具——PopsyPopsy,一个免费将 Notion 页面转换为网站的在线工具。使用 Popsy 之前,请确保你已经有一个 Google 账号。没有 Google 账号的朋友,可以查看往期文章:2021年,如何注册一个Google账号?40ba7359facf2dd93a6c50c1425e1fd3_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpg下图是我使用 Notion + Popsy 搭建出来的网站首页,访问地址 ▶▶ https://penghh.popsy.site/    c3471fcab9ce9a4cbc7cc4da36a36923_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpg打开 Popsy 的官网 https://popsy.co/,将 Notion 页面链接粘贴到中间的输入框,登录 Google 账号,按照提示一直往下点点点,就能将 Notion 页面转换为网站。72ffebc0ca67f6787c40335f62495d47_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpg

网站域名

Notion 页面转换为网站后,Popsy 会给你的网站提供一个域名,你可以自定义域名的前半部分,后半部分的 popsy.site 则是统一的。域名自定义的部分可以多次修改,因此不用担心第一次没取一个好记的域名而不得不重新创建一个网站。47377fc0a9589ca861614cf5d3e79f5d_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpg

设置标签页图标和网站图标

在网站域名下方,Popsy 还提供了设置页面图标和网站图标的选项。644d2414723412a20929b9919393be2a_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpg页面图标 Site favicon,即每次打开页面,位于浏览器标签页的小图标,这个图标尺寸不宜过大,建议选择 16x16 或 32x32 的尺寸即可。0b9858c799be348c68e3dc36184d6641_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpg

手动同步 Notion 数据

当你在 Notion 中更新了页面的内容,使用 Popsy 搭建的网站也会自动更新。如果网站更新不及时,你可以打开 Popsy 的管理后台,点击左侧的「Sync from Notion」,手动同步 Notion 页面的数据。f2307a8f1e9a759795dca50a70f5bf42_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpg

更换网站主题

Popsy 提供了 8 种网站主题,点击左侧的主题名称,可以实时预览每种主题的效果。5cae53ab37bd4f8c3fabeb23978c8598_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpg

自定义主题

前面介绍的更换网站主题,可以一键更换网站的主题样式,但不能细致地调节网站的布局、字体、文本大小等。如果你想更精细化地调节网站的样式,Popsy 也提供了相应的支持,点击管理后台左侧栏的「Customize theme」,进入自定义主题的界面,左侧提供了多个调整布局的选项,调整后可以实时预览效果。45d489120c695ff1144bf1accd752811_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpg但比较尴尬的是,当你完成调整后,点击顶部的保存按钮,Popsy 会弹出让你付费成为会员的窗口,每月为 8 美元,付费后才能保存你刚刚调整好的样式。Popsy 的会员权益包含:自定义主题、移除网站左下角的 Popsy 图标、谷歌网站流量分析、添加自定义的代码。838447dc7012b35bf3902b0a716a445d_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpg

写在最后

最后,简单总结一下:如果你图简单,不想改代码、不购买域名、不配置 DNS,使用 Popsy 就能快速得到一个属于自己的个人网站,而且网站的数据最终还是存放在 Notion 中,不用担心 Popsy 之后可能会出现的关停,给个人数据带来损失。

以上,就是本次想和你分享的内容。


相关文章
|
6月前
|
关系型数据库 MySQL PHP
杨校老师课堂之DeDeCMS建站_程序安装1
杨校老师课堂之DeDeCMS建站_程序安装
51 0
|
6月前
|
关系型数据库 MySQL 数据库
杨校老师课堂之DeDeCMS建站_程序安装2
杨校老师课堂之DeDeCMS建站_程序安装
49 0
|
7月前
|
开发工具 git
使用Notion搭建博客,并使用Cusdis评论系统
使用Notion搭建博客,并使用Cusdis评论系统
90 0
|
Web App开发 存储 文字识别
云笔记横向评测:印象笔记、有道云笔记、为知笔记、OneNote、Notion、FlowUs、Wolai、飞书、语雀
某款软件是否好用,既需要根据其功能特性评估其优点和缺点,也需要分析用户的基本需求。以下是常见云笔记的深度评测。 云笔记评测标准:分析每款笔记软件的核心特色、优点、缺点及使用场景。 具体包括:印象笔记、有道云笔记、为知笔记、OneNote、Notion、FlowUs、Wolai、飞书、语雀
3213 0
云笔记横向评测:印象笔记、有道云笔记、为知笔记、OneNote、Notion、FlowUs、Wolai、飞书、语雀
|
移动开发 小程序 安全
对比多个笔记软件后,我选择了语雀
去年开始带团队,在面临团队文档管理共享软件选择时,我毫不犹豫的选择了语雀,语雀的协作功能非常出色。可以邀请团队成员加入我的笔记工作空间,共同协作编辑和维护笔记和文档。通过语雀,可以很方便地进行团队内部的协作和交流,并对笔记进行版本控制,以避免多人编辑时出现不同步的问题。通过团队空间、知识库、目录的层级管理,能很好的将知识做分类。
513 0
|
前端开发 开发工具 数据库
Notion免费搭建个人网站,使用Notion又多了一个理由
Notion免费搭建个人网站,使用Notion又多了一个理由
|
程序员 BI 数据库
程序员最后一款笔记软件:Notion 下
程序员最后一款笔记软件:Notion 下
|
JavaScript 小程序 Java
程序员最后一款笔记软件:Notion 上
程序员最后一款笔记软件:Notion 上
|
编解码 搜索推荐 Windows
MindManager22免费好用的思维导图工具软件
现在不会有人还不会用思维导图吧?!在日常生活、学习和工作之中,我们难免会面对纷乱繁杂的知识或信息,运用思维导图对信息和内容进行整理,可以直接有效且高效地将散点链接成为相关联的、有逻辑的整体。当我们善用思维导图对这些内容进行分类梳理,自然而然我们的效率就会得到很大程度的提升。
229 0

相关实验场景

更多