FlowUs 使用攻略:如何快速制作 Web 应用(PWA)

更新於 發佈於 閱讀時間約 9 分鐘
FlowUs 使用攻略:如何快速制作 Web 应用(PWA)
最近在寻找 Notion 的替代品过程中,我发现了 FlowUs.虽然是后起之秀,但不是唯 Notion 亦步亦趋。
FLowUs 有两个很重要的特性打动了我。
  1. 支持文件夹页面。一直以来,虽然 Notion 等产品十分强大,试图取代 Office 办公应用的地位。然而,在日常办公中,工作场景中依然离不开 PDF、Word、Excel 等办公文件。为此,很多人依然需要借助微信等社交媒体进行文件传输。微信作为国民级应用,但是却存在文件传输大小限制、文件定时过期、缺少文件管理等问题。这使得微信并不是一款合格的在线协作工具。现在 FlowUs 的文件夹页面完美满足了我的需求。我可以将各种办公文件一键上传至 我的个人空间,然后与我的同事进行协作。如此,我便可以抛弃微信、网盘等工具,进一步优化我的工作流。
  2. 原生开发应用,移动端等平台加载速度很快。作为效率工具,如果每次打开加载很长时间,那会很影响用户体验。FlowUs 的移动端,像是打开苹果自带的备忘录一样流畅,使用体验还不错。极速的使用体验,有助于满足我在移动端快速收集信息的目的。
FlowUs 虽香,但是目前缺少桌面客户端。作为在线文档,是否有客户端对于我而言并不太重要。然而,为了更好地聚焦当前工作区页面,我并不想看见书签、插件或者其他标签页等分散注意力的元素。为此,我便想为 FLowUs 制作一个 Web 应用(PWA)满足我的需求。
在正式介绍操作步骤之前,简单介绍一些什么是 Web 应用(PWA). PWA 这是由谷歌提出的 Web 应用概念,全称是 Progressive Web App|渐进式网页应用,可以为用户提供可靠、快速、类似 Native 应用的服务方案,具有可被发现、易安装、渐进式、可重用等优点。
以下我以 Chrome 浏览器为例,展示生成 Web 应用(PWA)的操作过程
1.使用 Chrome 浏览器或者 Edge 浏览器打开 FlowUs 官网
2.1 选择右上角设置,如果显示“在 FlowUs 中打开”,那么点击即可生成 Web 应用。如果没有这个显示,请按照下列流程进行操作:
2.2 选择右上角的 设置 → 更多工具 → 创建快捷方式
3.随后在弹出的对话框中,将“在窗口中打开”进行勾选。随后,基于 Chrome 浏览器技术的 Web 应用(PWA)便会保存至你的应用程序文件夹,你也可以从应用仪表盘看见 FlowUs 的图标。
4.1 点击 FlowUs 的图标,你便可以在独立的窗口中打开 FlowUs.
4.2 建议使用快捷键 Command + Shift + F, 便可以实现全屏效果。如图。
5.现在尽管可以使用,但是图标不太好看。为了和 Mac 应用图标保持一致,我打算调整 FlowUs 的图标。
5.1 使用工具,生成 Mac 图标专有的 ICNS 格式。解决办法,使用专门的工具,比如 Image2Icon,或者在搜索引擎中使用关键词 “PNG to ICNS” 寻找图片格式在线转换工具。
5.2 打开 Chrome 应用 程序文件夹,找到 FlowUs。使用快捷键 Command + I 打开应用简介,然后直接将 ICNS 图标拖到简介左上角的图标处,便实现了图标更换。
最终效果如图。

FlowUs 息流笔记

介绍

一款具有特色的、 Notion 类的 All in One 生产力工具。

核心功能

  • 块编辑器——支持页面、待办列表、代码块等在内的多种 Block. 与此同时,也支持同步块,方便 Block 内容的知识复用 。此外,支持页面动态评论功能。
  • 简单表格:支持简单表格,满足用户对于表格的轻量化需求。
  • Database, 即多维表,支持包括表格、看板、画廊、目录、时间轴、日历、收集表等在内的七种视图。
  • 多维表功能:支持分组、筛选、排序等基本功能。与此同时,也支持公式、关联、汇总等高级功能,方便多维表实现数据自动化汇总和呈现。此外,支持引用多维表格功能,方便用户在多个页面中共享 Database.
  • 模版功能模版按钮+模版市场。强大的、多样化的、个性化的模版可以满足不同用户的使用需求。
  • 协作功能:支持查看、编辑、评论、复制等多种协作权限功能。

特色功能

  • 与 Notion 相比,FlowUs 支持中文界面,针对中文用户使用习惯进行细节优化。
  • 支持原生开发,解决了移动端的输入问题。 对于多数用户而言,对于移动端的要求便是内容实时同步、支持快捷输入。FlowUs 作为云笔记,自然内容跨平台不存在问题。而原生应用能够为用户带来良好的移动端使用体验,实现打开即写,快速收集各种知识和内容。
  • 支持文件夹页面:网盘整合进你的笔记系统
  • 什么是文件夹页面?像网盘应用一样,FlowUs 允许用户将自己常用的办公文件以文件夹或者多个文件的形式一键上传至笔记空间之中。并且,FlowUs 允许用户免费在线预览文件夹页面中的办公文件。
  • 在 Notion 等同类软件中,文件只能以附件的形式加以存在。对于 Notion 而言,你需要使用浏览器跳转才能查看附件内容。而另外一些同类软件,需要升级为个人 Pro 版本才可以在线预览。
  • 文件夹页面具有标题视图、卡片视图、预览视图这三种视图,方便用户实现对于文件内容不同形式的预览。
文件夹页面:将网盘整合进你的笔记系统
  • 对于个人用户十分友好,拥有高性价比
  • 如同《Notion 类软件横向评测:Notion、FlowUs、Wolai》这篇文章中根据这三款软件的具体功能和价格对比,FlowUs 具有高性价比
  • 在不少相同的功能上,FlowUs 为用户提供了更多的使用权益。比如,五人以下的小组版免费,而这个功能在 Notion 等软件中是收费的。此外,文件上传、单个块字数限制等核心功能,FlowUs 提供了更多的存储空间以及更少的功能限制。
  • 当然,FlowUs 也支持教育优惠
  • 丰富的软件联动生态体系:FlowUs 与白板、思维导图、流程图、设计协同等不少优秀第三方服务形成了软件联动。具体而言,FlowUs 支持 Figma、Airtable、Sketch、墨刀、摹客、Excalidraw、ProcessOn、Canva、Bilibili、腾讯视频、优酷视频、网易云音乐、Codepen.

FlowUs 息流笔记·模版

主页·仪表盘模板
自媒体运营模版
上述模版部分使用国产小组件库 NotionPet 制作,更多小组件建议前往官网查看:

使用教程、学习资源汇总

相关生产力工具测评和方法论介绍

為什麼會看到廣告
avatar-img
19會員
86內容數
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
Spike Spiegel的沙龍 的其他內容
在 FlowUs、Notion 等软件的 Database/多维表中,用户经常会进行各种类型的任务管理。比如,阅读清单、健康打卡、时间追踪、项目管理。为了在这些使用场景中快速查看和追踪任务进度,便需要使用进度条。 以下我将展示进度条的几种使用方法: 全年时间追踪·进度条 公式如下 日期·进度条
使用间隔重复强化记忆 正如很多人已经所熟知的艾宾浩斯遗忘曲线中所揭示的那样,我们的记忆是随着时间的流逝而衰减的,并且这种记忆衰减是有规律的。对此,最好的办法,便是在记忆衰退之前,按照一定的时间规律进行复习和自我检验。间隔重复便是一种被证明行之有效的记忆方法,能在很大程度上抵抗艾宾浩斯遗忘曲线。
关于 Notion 的使用教程,在 Notion 相关社区已经有不少精品内容。这篇文章中,无意于探讨过于高级的技术,而是为准备使用 Notion 以及 相关的 FlowUs 用户提供一个详实、全面的使用教程。 本文会不定期更新。 数字花园:Notion 优质资源汇总) 使用反思 辅助工具·软件联动
我每天都要处理两类事务:简悦 & 工作,每个事务都会有不同的角色,如前者包括:编码、设计、产品经理、客服、售后、商务等,后者大多数时候是乙方角色,所以也包括了产品经理、沟通、估算成本、阶段交付以及「要账」…… 等等。 工作日志(间歇日记) 工作进度 产品动态(奖励机制) 文章协作 子项目 注释
为什么需要建立书籍管理系统? 在日常的学习和生活中,很多人喜欢建立一些电子书籍管理系统。其中,主要办法有三个:其一,使用当当、微信读书等阅读平台建立电子书单;其二,利用豆瓣这个书影音站点建立电子书单。 这些电子书单固然方便好用,但是也存在一些问题: 如何选择建立书籍管理系统的载体? Excel?
Notion 插件、小组件、教程等优质资源汇总
在 FlowUs、Notion 等软件的 Database/多维表中,用户经常会进行各种类型的任务管理。比如,阅读清单、健康打卡、时间追踪、项目管理。为了在这些使用场景中快速查看和追踪任务进度,便需要使用进度条。 以下我将展示进度条的几种使用方法: 全年时间追踪·进度条 公式如下 日期·进度条
使用间隔重复强化记忆 正如很多人已经所熟知的艾宾浩斯遗忘曲线中所揭示的那样,我们的记忆是随着时间的流逝而衰减的,并且这种记忆衰减是有规律的。对此,最好的办法,便是在记忆衰退之前,按照一定的时间规律进行复习和自我检验。间隔重复便是一种被证明行之有效的记忆方法,能在很大程度上抵抗艾宾浩斯遗忘曲线。
关于 Notion 的使用教程,在 Notion 相关社区已经有不少精品内容。这篇文章中,无意于探讨过于高级的技术,而是为准备使用 Notion 以及 相关的 FlowUs 用户提供一个详实、全面的使用教程。 本文会不定期更新。 数字花园:Notion 优质资源汇总) 使用反思 辅助工具·软件联动
我每天都要处理两类事务:简悦 & 工作,每个事务都会有不同的角色,如前者包括:编码、设计、产品经理、客服、售后、商务等,后者大多数时候是乙方角色,所以也包括了产品经理、沟通、估算成本、阶段交付以及「要账」…… 等等。 工作日志(间歇日记) 工作进度 产品动态(奖励机制) 文章协作 子项目 注释
为什么需要建立书籍管理系统? 在日常的学习和生活中,很多人喜欢建立一些电子书籍管理系统。其中,主要办法有三个:其一,使用当当、微信读书等阅读平台建立电子书单;其二,利用豆瓣这个书影音站点建立电子书单。 这些电子书单固然方便好用,但是也存在一些问题: 如何选择建立书籍管理系统的载体? Excel?
Notion 插件、小组件、教程等优质资源汇总
你可能也想看
Google News 追蹤
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
這篇涵蓋了 Notion 建立網站的基礎,還有免費的教學資源,讓你不用寫程式,就能用 Notion 快速建立個人網站! Notion 簡易入口網站適合學生、求職、接案、小店家使用,能快速產出一個網站,節省成本又快速方便。
Thumbnail
我發現很多人在使用 Notion 的一個煩惱跟痛點是因為自由度太高, 所以很容易找不到建立的頁面隨著新增功能側邊欄越來越長 其實 Notion 根本可以不用手動整理他呀! 你只需要在每個頁面新增一個快速跨頁面自動目錄
Thumbnail
此篇主要紀錄PWA開發過程心得,內容為PWA有什麼特色,為何React可以使PWA成為接近App的操作體驗,以概念敘述與簡單開發流程紀錄來介紹PWA。 什麼是漸進式網路應用程式(PWA) PWA擁有傳統網頁和移動應用的優點,使網頁應用程序可以像應用程序一樣運行,提供更加優越的用戶體驗
Thumbnail
近日有些夥伴在詢問我要如何使用 Notion 的多工畫面以及分享頁面的相關設置等等,因此今天就來導覽一下 Notion 介面以及我認為有哪些必做的設定調整,當然免不了還有滿滿的快捷鍵教學,請大家一定要看到最後,才不會錯過!
Thumbnail
身為學生的你可能還在觀望要不要學 Notion,聽說很難但是好像功能又非常強大。今天就讓我用 5 分鐘告訴你你適不適合用 Notion,以及它的強大之處。
Thumbnail
在現代工作環境中,有效地組織和管理資訊變得至關重要。隨著團隊的增長和工作流程的複雜性增加,需要一個靈活而強大的工作協作平台來幫助我們應對這些挑戰。而 Notion,就是這樣一個能夠滿足我們需求的平台。
Thumbnail
在信息過載的時代,效率管理至關重要。本文介紹如何利用 AI 工具和 Notion 來建立全新的自動化工作流,特別是如何將 Notion 和 Google Form 完美融合,讓工作流程更加高效、個性化。通過免費的外掛程式和基本設定,可以大大節省複製貼上資料的時間,並實現自動化表單回饋。
Thumbnail
身為數位工作者,我們常會使用多種生產力工具來輔助工作,Notion 和其中許多工具合作推出整合服務,讓你可以輕鬆把他們的檔案或功能嵌入 Notion,為你的 Notion 工作區增添一對翅膀。
Thumbnail
Webflow是一個強大的網站建設平台,它提供了一個直觀且無需編碼的方式來創建精美的網站。無論您是一個新手還是一個有經驗的網站開發者,Webflow都可以滿足您的需求。 Webflow的主要特點之一是它的可視化編輯器。您可以通過拖放元素、設計佈局和編輯內容來建立網站,而無需編寫任何代碼。
Thumbnail
Notion以其強大功能廣受用戶歡迎,不僅提供豐富功能,還具備高度定制性,成為項目管理的理想選擇。 然而,其內建的進度條呈現似乎還滿單調的...所以這篇文章將介紹如何使用 Emoji 來豐富進度條設計,並提供多達22種的有趣組合! 讓你的任務進度管理以直觀形式展示,不僅增強視覺效果,更能增加成就感~
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
這篇涵蓋了 Notion 建立網站的基礎,還有免費的教學資源,讓你不用寫程式,就能用 Notion 快速建立個人網站! Notion 簡易入口網站適合學生、求職、接案、小店家使用,能快速產出一個網站,節省成本又快速方便。
Thumbnail
我發現很多人在使用 Notion 的一個煩惱跟痛點是因為自由度太高, 所以很容易找不到建立的頁面隨著新增功能側邊欄越來越長 其實 Notion 根本可以不用手動整理他呀! 你只需要在每個頁面新增一個快速跨頁面自動目錄
Thumbnail
此篇主要紀錄PWA開發過程心得,內容為PWA有什麼特色,為何React可以使PWA成為接近App的操作體驗,以概念敘述與簡單開發流程紀錄來介紹PWA。 什麼是漸進式網路應用程式(PWA) PWA擁有傳統網頁和移動應用的優點,使網頁應用程序可以像應用程序一樣運行,提供更加優越的用戶體驗
Thumbnail
近日有些夥伴在詢問我要如何使用 Notion 的多工畫面以及分享頁面的相關設置等等,因此今天就來導覽一下 Notion 介面以及我認為有哪些必做的設定調整,當然免不了還有滿滿的快捷鍵教學,請大家一定要看到最後,才不會錯過!
Thumbnail
身為學生的你可能還在觀望要不要學 Notion,聽說很難但是好像功能又非常強大。今天就讓我用 5 分鐘告訴你你適不適合用 Notion,以及它的強大之處。
Thumbnail
在現代工作環境中,有效地組織和管理資訊變得至關重要。隨著團隊的增長和工作流程的複雜性增加,需要一個靈活而強大的工作協作平台來幫助我們應對這些挑戰。而 Notion,就是這樣一個能夠滿足我們需求的平台。
Thumbnail
在信息過載的時代,效率管理至關重要。本文介紹如何利用 AI 工具和 Notion 來建立全新的自動化工作流,特別是如何將 Notion 和 Google Form 完美融合,讓工作流程更加高效、個性化。通過免費的外掛程式和基本設定,可以大大節省複製貼上資料的時間,並實現自動化表單回饋。
Thumbnail
身為數位工作者,我們常會使用多種生產力工具來輔助工作,Notion 和其中許多工具合作推出整合服務,讓你可以輕鬆把他們的檔案或功能嵌入 Notion,為你的 Notion 工作區增添一對翅膀。
Thumbnail
Webflow是一個強大的網站建設平台,它提供了一個直觀且無需編碼的方式來創建精美的網站。無論您是一個新手還是一個有經驗的網站開發者,Webflow都可以滿足您的需求。 Webflow的主要特點之一是它的可視化編輯器。您可以通過拖放元素、設計佈局和編輯內容來建立網站,而無需編寫任何代碼。
Thumbnail
Notion以其強大功能廣受用戶歡迎,不僅提供豐富功能,還具備高度定制性,成為項目管理的理想選擇。 然而,其內建的進度條呈現似乎還滿單調的...所以這篇文章將介紹如何使用 Emoji 來豐富進度條設計,並提供多達22種的有趣組合! 讓你的任務進度管理以直觀形式展示,不僅增強視覺效果,更能增加成就感~