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

简介: 懒人必备!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 之后可能会出现的关停,给个人数据带来损失。

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


相关文章
|
数据处理 Python
AttributeError: module ‘numpy‘ has no attribute ‘array‘解决办法
AttributeError: module ‘numpy‘ has no attribute ‘array‘解决办法
1500 0
|
Web App开发 域名解析 缓存
如何在 Ubuntu 20.04 上安装 Node.js 和 npm
本文我们主要为大家介绍在 Ubuntu 20.04 上安装 Node.js 和 npm 的三种不同的方式。
165552 7
如何在 Ubuntu 20.04 上安装 Node.js 和 npm
|
开发工具 git
NotionNext 笔记博客部署 图文教程①
如何使用NotionNext工具将Notion笔记实时渲染成静态博客网站,从创建Notion账号、复制模板、获取页面ID、复制源代码到Vercel部署的完整步骤。
NotionNext 笔记博客部署 图文教程①
|
缓存 监控 负载均衡
HTTP代理配置中的常见错误及其解决方案
随着互联网发展,使用HTTP动态代理IP的需求日益增加。配置HTTP代理时常见问题及解决方法包括:1) 代理服务器无法连接:检查网络、防火墙和代理服务状态;2) 认证失败:确认凭据和配置;3) 请求超时:增加超时时间、检查后端服务和网络延迟;4) 缓存问题:清理缓存、设置缓存控制或禁用缓存;5) SSL/TLS问题:正确配置证书并确保客户端信任;6) 访问控制问题:检查ACL和日志;7) 性能问题:监控资源、负载均衡和优化配置;8) 日志记录与分析问题:启用详细日志、设置轮换策略和使用分析工具。通过解决这些问题,可以更有效地管理HTTP代理。
1539 13
|
机器学习/深度学习 人工智能 编解码
阿里云GPU云服务器优惠收费标准,GPU服务器优缺点与适用场景详解
随着人工智能、大数据分析和高性能计算的发展,对计算资源的需求不断增加。GPU凭借强大的并行计算能力和高效的浮点运算性能,逐渐成为处理复杂计算任务的首选工具。阿里云提供了从入门级到旗舰级的多种GPU服务器,涵盖GN5、GN6、GN7、GN8和GN9系列,分别适用于图形渲染、视频编码、深度学习推理、训练和高性能计算等场景。本文详细介绍各系列的规格、价格和适用场景,帮助用户根据实际需求选择最合适的GPU实例。
|
Ubuntu 关系型数据库 MySQL
Ubuntu系统本地搭建WordPress网站并发布公网实现远程访问
Ubuntu系统本地搭建WordPress网站并发布公网实现远程访问
|
Web App开发 JSON 小程序
苹果app开发apple-app-site-association文件配置
apple-app-site-association 是苹果的配置文件,用于建立app和网站关联,支持Universal Links,使点击网站链接能直接打开相应app内部页面。配置文件为JSON格式,需上传至服务器`.well-known`目录或根目录。通过检查三个链接来测试配置,确保Content-Type为`application/json`。成功配置后,点击链接能在iPhone备忘录或Safari中直接唤起app,但可能有24-48小时延迟。
|
Web App开发
Chrome的插件扩展程序安装目录是什么?在哪个文件夹?
正常情况下,Chrome插件扩展程序的默认安装目录如下: 1.windows xp中chrome插件默认安装目录位置: C:\Documents and Settings\用户名\Local Settings\Application Data\Google\Chrome\User Data\Default\Extensions 2.
51241 2
|
开发工具 git
使用Notion搭建博客,并使用Cusdis评论系统
使用Notion搭建博客,并使用Cusdis评论系统

热门文章

最新文章