懒人必备!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月前
|
开发工具 git
使用Notion搭建博客,并使用Cusdis评论系统
使用Notion搭建博客,并使用Cusdis评论系统
74 0
|
6月前
|
前端开发 安全 测试技术
入门开发教程之网站品质教程
入门开发教程之网站品质教程
|
前端开发 开发工具 数据库
Notion免费搭建个人网站,使用Notion又多了一个理由
Notion免费搭建个人网站,使用Notion又多了一个理由
|
前端开发
写给小白的Figma插件开发教程(1)
写给小白的Figma插件开发教程(1)
1556 0
|
编解码 搜索推荐 Windows
MindManager22免费好用的思维导图工具软件
现在不会有人还不会用思维导图吧?!在日常生活、学习和工作之中,我们难免会面对纷乱繁杂的知识或信息,运用思维导图对信息和内容进行整理,可以直接有效且高效地将散点链接成为相关联的、有逻辑的整体。当我们善用思维导图对这些内容进行分类梳理,自然而然我们的效率就会得到很大程度的提升。
222 0
|
Web App开发 数据可视化 搜索推荐
如何选择适合你的笔记软件?印象笔记 、Notion、FlowUs
对于很多效率人士或者笔记软件用户而言,基本都知道大名鼎鼎的印象笔记。其中,多数人或多或少用过印象笔记。多数重度笔记用户,都曾经是或者依然是印象笔记的忠实用户。 在 2022 年,你还在用印象笔记吗?必须承认,印象笔记作为老牌笔记应用,直至今日依然拥有庞大的用户群体和品牌力。那么,对于笔记用户而言,是否需要选择老牌笔记软件——印象笔记,还是直接投身 Notion 等新兴笔记软件的怀抱之中?
424 0
如何选择适合你的笔记软件?印象笔记 、Notion、FlowUs
|
前端开发 搜索推荐 数据库
开发人员,怎能没有个人博客!前人所创经典Typecho!
开发人员,怎能没有个人博客!前人所创经典Typecho!
230 0
开发人员,怎能没有个人博客!前人所创经典Typecho!
|
关系型数据库 MySQL PHP
开发人员,怎能没有个人博客!前人所创经典ZBlog
开发人员,怎能没有个人博客!前人所创经典ZBlog
234 0
开发人员,怎能没有个人博客!前人所创经典ZBlog
|
存储 小程序 关系型数据库
动手搭建真正的网站(二):试试全世界41%的网站都在用的建站工具
单刀直入,这个工具叫做WordPress,简称WP,它是用PHP语言写成的,使用MySQL数据库来存储数据
254 0