Show TOC of Notion Page、Publish your Notion pages to your Github Jekyll blog, and upload the blog images to an OSS service.

Latest Version

Version
0.4.2
Update
November 4, 2024
Size
1.2MiB
Developer
xheldon.com
Category
Users
171
Rating
1 ★
Manifest Version
3
Web Store Status
Languages Support
English (UK)
See more
Permissions
Storage
SidePanel
Notifications
See more

Notion Flow Extension

0.4.2: Fix bugs and add custom module handling code formatting error alerts.
---
0.4.1: Support self-built OSS compatible with AWS S3 API
---
0.4.0: bugfix
---
Using this plugin's basic features, you can view the title of Notion content in Chrome SidePanel, while advanced features enable you to build a blog publishing workflow based on Notion. Additionally, the plugin's AI tools can assist you in processing Notion content, enhancing your work and life efficiency.
---
使用此插件的基本功能,您可以在Chrome SidePanel中查看Notion内容的标题,而高级功能使您能够基于 Notion 构建 Github 博客发布工作流程。此外,该插件的 AI 工具可以帮助您处理 Notion 内容,提高您的工作和生活效率。
Read more

Source Manifest.json

{
"update_url": "https://clients2.google.com/service/update2/crx",
"icons":{"16":"icon16.plasmo.6c567d50.png",
"32":"icon32.plasmo.76b92899.png",
"48":"icon48.plasmo.aced7582.png",
"64":"icon64.plasmo.8bb5e6e0.png",
"128":"icon128.plasmo.3c1ed2d2.png"},
"manifest_version":3,
"action":{"default_icon":{"16":"icon16.plasmo.6c567d50.png",
"32":"icon32.plasmo.76b92899.png",
"48":"icon48.plasmo.aced7582.png",
"64":"icon64.plasmo.8bb5e6e0.png",
"128":"icon128.plasmo.3c1ed2d2.png"}},
"version":"0.4.2",
"author":"Xheldon",
"name":"Notion Flow",
"description":"Show TOC of Notion Page\u3001Publish your Notion pages to your Github Jekyll blog, and upload the blog images to an OSS service.",
"background":{"service_worker":"static/background/index.js"},
"options_ui":{"page":"options.html",
"open_in_tab":true},
"side_panel":{"default_path":"sidepanel.html"},
"permissions":["storage",
"sidePanel",
"notifications"],
"content_scripts":[{"matches":["https://www.notion.so/*",
"https://*.notion.site/*"],
"js":["content.06af5f40.js"],
"all_frames":true,
"css":[]}],
"host_permissions":["https://*/*"],
"web_accessible_resources":[{"resources":["assets/*"],
"matches":[""]}],
"sandbox":{"pages":["sandbox.html"]}}
Read more

How to download and manually install Notion Flow extension for Chrome

Looking for a way to install Notion Flow extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install Notion Flow extensions manually, this article outlines two simple methods to effortlessly install Notion Flow extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download Notion Flow extension and manually install through Drag &Drop

If you ever need to manually install a Notion Flow extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the Notion Flow Extension by clicking the "Download CRX" button on the website.

Look for the Notion Flow extension you wish to install. Go to the website and download the Notion Flow extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Notion Flow extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the Notion Flow extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download Notion Flow extension for Chrome and install in Developer Mode

This is another method to install Notion Flow extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the Notion Flow extension file

Select and download the Notion Flow extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the Notion Flow extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your Notion Flow extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the Notion Flow extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install Notion Flow extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

SimpRead - Reader View Extension · Productivity 171 2100 ★ 1.2MiB

icon

Elmo Chat - Your AI Web Copilot Extension · Productivity 171 86 ★ 12.05MiB

icon

稀土掘金 Extension · Productivity 171 339 ★ 4.66MiB

icon

Douban Book+ Extension · Productivity 171 75 ★ 2.09MiB

icon

Kimi Copilot - 网页总结助手 Extension · Productivity 171 100 ★ 227KiB

icon

Youtube Dubbing Extension · Productivity 171 340 ★ 1.09MiB

icon

Notion Mate Extension · Productivity 171 35 ★ 132KiB

icon

V2EX Polish Extension · Productivity 171 95 ★ 193KiB

icon

RSSHub Radar Extension · Productivity 171 60 ★ 1.54MiB

icon

Web Clipper Extension · Productivity 171 182 ★ 1.55MiB

icon

BewlyBewly Extension · Productivity 171 332 ★ 1.06MiB

icon

Cubox Extension · Productivity 171 86 ★ 5.63MiB

icon

Relingo - Master Words | Bilingual Subtitles | Immersive Translate | Free Extension · Productivity 171 802 ★ 5.36MiB

icon

NotionX ( for Notion ) Extension · Productivity 171 15 ★ 5.02MiB

icon

Notion Boost Extension · Productivity 171 177 ★ 92.83KiB

icon

微信读书助手 Extension · Productivity 171 56 ★ 349KiB

icon

Smart TOC Extension · Productivity 171 100 ★ 81.44KiB

icon

codebox-one click code copying without login Extension · Developer Tools 171 44 ★ 5.78MiB

icon

BoTab - Favorites-based Tab Extension · Productivity 171 274 ★ 2.76MiB

icon

flomoplus Extension · Productivity 171 45 ★ 3.54MiB

icon

Omni - Bookmark, History, & Tab Manager Extension · Productivity 171 63 ★ 1.91MiB

icon

Maple Bookmarks Extension · Productivity 171 11 ★ 29.91KiB

icon

Kimi Explorer Extension · Productivity 171 132 ★ 2.48MiB

icon

notion-enhancer Extension · Productivity 171 47 ★ 1.5MiB