0基础也能制作网页？Notion来帮你！

时间：2023-07-25 02:09:01 | 来源：网站运营

时间：2023-07-25 02:09:01 来源：网站运营

0基础也能制作网页？Notion来帮你！：Hello，这里是Tethys。

作为SA圈的资深用户，我发现了一款各大博主几乎都在推荐的笔记软件——Notion，但是经过一个长达5个月的深度探索和使用，我发现了它另外一个爆炸好用的深层功能——网页制作！

首先让我们来思考一个问题：一个优秀的网页，需要有哪些要素呢？

专业人士的回答是——界面+内容+互动！

而Notion，完全可以帮你实现这三个核心功能~

一、灵活的界面设置

可以说，界面是一个网页的核心。这就要隆重介绍Notion的Page设定了。

在Notion中，每个Page（页面）本身都可以书写信息，我们也可以在页面中插入子页面链接实现嵌套式的层级管理和跳转。同时，跳转之后在页面上方还会显示总体的层级和路径，非常方便返回。甚至，Notion支持无限层级的页面嵌套，满足你的“套娃”欲望~

这些Page又可以通过/Link To Page来相互连结，同时也可以通过/Create Linked Database与数据库相连接。这就意味着，在使用Notion时，你可以将任何你想要连结的东西进行连结和跳转。

用抽象图来表示就是这样~

上图来自少数派用户沨沄极客

二、丰富的内容呈现

作为一个网页，最重要的当然是内容的建构！

与传统的笔记软件不同，Notion的内容编辑是基于Block（块组件）来完成的，这恰好和网页搭建的内核一致，也正是Notion的重大革新之处。Notion的页面内容都由一个或多个block组成。

从插入内容的丰富性来说，Block就像是一个可以随意变换形态的容器，用户可以其中添加多种形式的内容——包括但不限于Basic Block（基础文本、引用、标题格式等）、Database（数据库）、Media（多媒体，包括图片、音视频、网页链接、代码等）、Inline（@某个人、公式输入、emoji表情等）、Advanced（目录索引、函数等）等。当然，你只需要任意选择合适的内容输入即可，不必被这么多选择吓倒~

上图来自少数派用户Kralite 《Notion：重新定义数字笔记》

上图来自Notion用户Linmi

同时值得一提的是，Notion的Embed支持插入内容的平台联动同步，比如Twitter、Github、Whimsical、CodePen等，也就是说，你在Notion页面中插入的内容会同步随这些平台内容的更新而更新，就像下面展示的这样——

上图来自Notion用户Maintenon

甚至，Embed Block也像是一个入口，你可以直接通过它与目标页面进行直接交互！

从编辑本身的便捷性来讲，Notion的Block很好融合了富文本和Markdown的优势，使得它既能够让用户直接使用部分Markdown的语法进行格式编辑（比如使用快捷键实现有序列表、各级标题的设置等），又具有融合富文本（例如Microsoft Word）所见即所得的特点实现直接排版的功能，省去了预览的麻烦。我们直接在类似于网页本身的页面视图下就可以完成这一切，就像操作Word一样来制作网页，听起来是不是很炫酷呢？

上图来自本站用户枝茵

Block有非常大的灵活性，我们在编辑过程中也可以进行任意的自由拖拽和无限嵌套。

上图来自少数派用户Kralite

所以，只要在Notion的框架与逻辑内，无论你想怎么设计网页，Notion都可以帮你完成！

三、便捷的互动方式

一个人的网页或许有些孤单，Notion强大的分享功能可以帮助我们解决这个问题。

如果你想要大家都能看到你的网页，可以选择Share to web，这时有非常多的共享权限可以选择，比如仅查看、允许评论和编辑、允许搜索和复制等等。你还可以专门开辟出一块自由评论区供志同道合的网友一起交流与讨论！

如果你只想和三五好友深度分享你制作的网页，Add guests也是个不错的选择。你可以通过邀请其他注册用户成为你的网页的“客人”，并授予他们不同的权限（如全权限、仅查看、仅评论等），只需输入另一个人的电子邮件地址。你甚至可以和你的好友合作完成这个网页！

图片来自Notion官方

最后，你也许会得到这样的个人网页——

展示网页由Notion用户177制作

四、写在最后

最后，通过一些高级操作，你还可以为你的网页自定义一个喜欢的域名喔！

小小彩蛋：Notion中文版已经在内测，并且会结合中国用户的使用特点进行进一步的升级，不日将会上线，所以小伙伴们不用担心语言问题，可以放心使用Notion啦！

Notion的创始人Ivan在采访中谈到，他给Notion的定位是生产力工具，他想把网页制作的能力带到每一个人的手中，而不一定需要编程的基础。

其实，我所展示的只是Notion功能的冰山一角，如果你有兴趣，可以继续探索Notion的无限可能！如果你有使用上的问题，可以评论、私信我，或者加入notion中文社区（notion内置中文社区论坛或者官方微信用户群）向广大Notion用户寻求帮助；如果你有对于Notion未来开发的意见或者建议，也可以点击Notion界面右下角的问号直接与Notion的工程师对话，他们会以最快的速度（一般情况下一天之内，亲测真实）回复你，并给出相应的解决方案喔~

Tethys在之后会陆续更新Notion的更多使用教程以及相应的模板供大家“抄作业”，希望大家可以多多关注我喔！

---

参考资料：

题图来自Notion用户Linmi
少数派编辑部：《想要玩转 Notion？你需要这份快速上手指南》
枝因：《Notion使用指南 | 基础篇》
Kralite：《Notion：重新定义数字笔记》
沨沄极客：《Notion 使用详解：来自未来的笔记协作工具》