Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/scarsu/NotionX

A Browser extension that enhances Notion Web App experience.一个增强 Notion Web端体验的浏览器插件。
https://github.com/scarsu/NotionX

extension notion

Last synced: 29 days ago
JSON representation

A Browser extension that enhances Notion Web App experience.一个增强 Notion Web端体验的浏览器插件。

Awesome Lists containing this project

README

        

English | [简体中文](./README.zh-CN.md)

![NotionX](https://scarsu.oss-cn-shanghai.aliyuncs.com/picgo20210121142800.png)

[[toc]]

## v2.1.3 Features (2021.08.01)

### [New Feature] Generate index for Header blocks

![preview](https://scarsu.oss-cn-shanghai.aliyuncs.com/picgo20210803113702.gif)

### [New Feature] Enable/Disable button for NotionX

![preview](https://scarsu.oss-cn-shanghai.aliyuncs.com/picgo20210803110849.gif)

### [New Feature] SideBar modules can be closed and restored

![preview](https://scarsu.oss-cn-shanghai.aliyuncs.com/picgo20210803113704.gif)

### [New Feature] Hide Table block's 'New' button

### [New Feature] Hide the dark mode button in the upper right corner

### [New Feature] Add ukrainian locale

### [Fix] Page content statistics: count the number of words instead of the number of characters

### [Fix] SideBar content flashing problem

### [Improvement] Improve performance

### [Improvement] split colored text in one block showing in sidebar

[issue#13@github](https://github.com/scarsu/NotionX/issues/13) By [fcherman](https://github.com/fcherman)

## v2.1.0 Features (2021.03.16)

### Set Code Language

Set language for all code blocks in current Notion page

![preview](https://scarsu.oss-cn-shanghai.aliyuncs.com/picgo20210316163725.gif)

### Page Content statistics

Count the number of words and blocks in current Notion page

![preview](https://scarsu.oss-cn-shanghai.aliyuncs.com/picgo20210316164115.png)

## v2.0.0 Features (2021.02.01)

### Dynamic SideBar

A shortcut directory is automatically generated in the sidebar of the page based on `Heading Block 1-3`, `Toggle Block`, `Database Block`, `Comments` and `Colored Text` in Notion Page.

![preview](https://scarsu.oss-cn-shanghai.aliyuncs.com/picgo20210121123340.gif)

### Low Contrast Dark Mode

Compared to Notion's official dark mode, the built-in dark mode of the extension has a lower visual contrast, which **takes effect globally**, including all contents such as pictures.(to prevent others from spying on your screen maybe)

![preview](https://scarsu.oss-cn-shanghai.aliyuncs.com/picgo20201126192422.gif)

### Notion Shortcuts Quick Reference Manual

![preview](https://scarsu.oss-cn-shanghai.aliyuncs.com/picgo20210121123656.gif)

### Support for switching NotionX languages

![preview](https://scarsu.oss-cn-shanghai.aliyuncs.com/picgo20210121123835.gif)

### Hide comments at the top of the page

![preview](https://scarsu.oss-cn-shanghai.aliyuncs.com/picgo20210121123938.gif)

### Switching Notion dark mode

![preview](https://scarsu.oss-cn-shanghai.aliyuncs.com/picgo20210121124031.gif)

### Compact Mode:full width + small text

![preview](https://scarsu.oss-cn-shanghai.aliyuncs.com/picgo20210121124158.gif)

### Show line numbers in code blocks

![preview](https://scarsu.oss-cn-shanghai.aliyuncs.com/picgo20210121124238.gif)

### Open current page in Notion desktop

![preview](https://scarsu.oss-cn-shanghai.aliyuncs.com/picgo20210121124736.gif)

### Add a "scroll to top button" in the bottom right corner of the page

![preview](https://scarsu.oss-cn-shanghai.aliyuncs.com/picgo20210121124828.gif)

### Prevent table overflow

Prevent table overflow caused by too large width

![preview](https://scarsu.oss-cn-shanghai.aliyuncs.com/picgo20210316165317.gif)

### Hide NotionX sidebar

![preview](https://scarsu.oss-cn-shanghai.aliyuncs.com/picgo20210121125002.gif)

## v1.0.0 Features (2020.12.15)

- Auto Side Bar TOC: The TOC of Notion Page will automatically generate in the sidebar of the page,according to Heading Block 1-3 in Notion Page.
- Dark Mode: Compared with Notion's official dark mode, the built-in dark mode of the extension has a lower visual contrast, which takes effect globally, including all contents such as pictures.

![preview](https://scarsu.oss-cn-shanghai.aliyuncs.com/picgo20201126192422.gif)
![preview](https://scarsu.oss-cn-shanghai.aliyuncs.com/picgo20201126192421.gif)

## Usage

- [Google Store](https://chrome.google.com/webstore/detail/notionx/ojnlojnakahpmkbpigmjhcgibccnidpk)
- [FireFox - Mozilla addons](https://addons.mozilla.org/firefox/addon/notionx/)
- [Download the `crx` file](https://scarsu.oss-cn-shanghai.aliyuncs.com/notionx/notionx_for_notion_v2.1.0.crx)
- [Download the `xpi` file](https://scarsu.oss-cn-shanghai.aliyuncs.com/notionx/notionx_for_notion-2.1.0-fx.xpi)
- Clone this repository,`npm run build` to build package, import the entire `./dist` package in Chrome developer mode.

## Maintainers

[@scarsu](https://github.com/scarsu)

## Feedback & Contributing

- If you have questions or suggestions, [please feedback here⚡️](https://github.com/scarsu/NotionX/discussions/4)
- PRs accepted.
- Translations are welcome, the language related JSON files are in the following directory of the current repository:`/public/_locales`
- contact & discuss:
![NotionX Contact](https://scarsu.oss-cn-shanghai.aliyuncs.com/picgo20210316180026.png)

## License

MIT © 2021 scarsu