Notion Syntax Highlighter插件截图

【图】Notion Syntax Highlighter(截图1)【图】Notion Syntax Highlighter(截图2)

Notion Syntax Highlighter插件简介

🖼️ 245 available themes
🔧 Improved syntax highlighting
🩹 Minor fixes for code blocks



1. Upon installing the extension, the default theme (Gruvbox dark) will be automatically selected.
2. To change the theme, simply click on the extension’s icon and select a different theme.
3. For convenience, only a few themes are visible in the main theme dropdown. To add more, click below the dropdown or right-click on the extension’s icon and choose the “Options” menu. On the options page, select the themes you want to appear in your default list.



Notion Syntax Highlighter extension does not analyze or send any user data. All the essential data needed for the extension to function, such as your selected themes and color scheme preferences, is stored locally within your browser.



This extension requires thorough testing, so if you encounter any issues, please report them as bugs here: https://github.com/JSerwatka/notion-syntax-highlighter/issues.

You can support this project by:
❤️ Rating it
🤗 Proposing changes and contributing to its development
🐛 Reporting any bugs you encounter



– Character limit on highlighting:
Syntax highlighting gets disabled after reaching a certain character limit. This mechanism is built into Notion’s code blocks originally due to performance issues.

– Slow on large code snippets:
When you haven’t reached the threshold for disabling syntax highlighting but still working with a very large code snippet, writing code inside a code block can become sluggish. This is an inherent issue with Notion’s code blocks. I will explore ways to improve performance by identifying the differences between the previous and new code blocks and implementing granular HTML editing.

– Some languages are not supported by highlight.js:
Highlighting and themes will fallback to Notion’s default for certain languages, such as:
– Agda
– Dhall
– Flow
– Idris
– Mermaid
– PureScript
– Racket
If you need support for these languages, please create a parser. Check higlightjs parsers for reference.

– Changing Notion appearance requires page refreshing:
When you switch the appearance of Notion from “dark” to “light” (or the other way around), the font color inside the code blocks may not always update. To solve this problem, refresh the page

– Language selector, cursor and option buttons are not visible in some themes:
When a user selects a light theme for a code block while having a dark theme as the Notion color scheme, the “language selector” and cursor become invisible. Additionally, hovering over buttons like copy, caption, etc., causes them to disappear. The same issue exists when using a dark theme for the code block and a light theme for Notion

🚀 Future Improvements

– Resolve performance issues related to editing large code blocks
– Add shadow and rounded borders (configurable in settings)
– Add line numbers (configurable in settings)
– Allow line height customization (configurable in settings)
– Support prettier and other code formatters
– Simplify the process of adding new themes

类似Notion Syntax Highlighter插件

常青笔记!这是一个Notion的侧边栏扩展,目的是为了更容易使用概念作为个人知识库!。主要的目的是向你展示你的反向链接和参考 (基于你当前页面标题的搜索) ala漫游/黑曜石。..
常青笔记!这是一个Notion的侧边栏扩展,目的是为了更容易使用概念作为个人知识库!。主要的目的是向你展示你的反向链接和参考 (基于你当前页面标题的搜索) ala漫游/黑曜石。 Https://www.notion.so/shravansunder/ Evergreen-Notes-For-Notion-e35e6ed4dd5a45b19bf2de2bb86..
Boost Notion productivity with 20+ customizations like outline,small text full width for all,back to top button etc
Make Notion more productive and less distractive. Notion Boost is a lightweight extension to add extra features and tweaks to Notion: ✔️ Show sticky outline (table of contents) for..
This is a Theme which will make your..
This is a Theme which will make your Notion workspace more attractive and it comes with dark theme so it will be easy to work long hours. * This Theme Only Works with Dark Mode for..
Redesign Notion the way you want
Notion is your all-in-one workspace, where you can write, plan, collaborate and get organised. If it's not already your favourite app, you should try it now: notion.so Tailored Not..
高效管理 Notion 的颜色文字与注解。
📹 示范影片:https://www.youtube.com/watch?v=XRHQ2zVmziI Notion 的颜色文字(colored text)与注解(comment)用途多样,能划重点、做笔记、留言……但这些标记日后却难以查找,只沦为划面上的点缀。 该如何更有效率地使用并管理这些标记呢?Mark Manager,是这个问题的最佳解: **一键导入..
Gruvbox Dark theme for Chrome Devtoo..
Gruvbox Dark theme for Chrome Devtools Retro groove dark theme for Devtools. This is a theme for the Developer Tools [CTRL/CMDSHIFTI]. Installation Instructions - Add this theme - ..
A Browser Extension that enhances No..
A Browser Extension that enhances Notion experience. NotionX is building for enhancing experience of Notion(notion.so) Web App, and try to keep it consistent with the cute native a..
draw.io for Notion is a Chrome exten..
draw.io for Notion is a Chrome extension designed to enable you to insert and edit draw.io diagrams and whiteboards directly into Notion pages. After installing, pin the draw.io ex..
Ditto Connect - A wireless presentation solution for any room
Connect your device to the big screen in seconds — no cables, adapters or confusing technology required. There are many things to worry about when you’re standing in front of your ..
介绍一款新的Chrome扩展程序,它将改变你的搜索方式!通过我们的扩展程序,你现在可以在谷歌搜索结果旁边看到Bing聊天答案。 Bing Chat由GPT-4提供支持,这是最新和最先进的AI语言模型,为您提供最准确和相关的答案。 告别无尽的滚动和多次搜索,迎接搜索的未来!立即下载我们的扩展程序,亲自体验GPT-4的强大功能!🚀
This is an Open-AI ChatGPT powerful tool (Ins : ChatGPT 中文) to give you the AI magic on Youtube for marketing promotion.
🙋 Maximize the potential of your contentthe ultimate browser extension for accessing ChatGPT! Take control and access OpenAI Chat GPT on Youtube with ease by simply clicking Ctrl/⌘..
提供大量组件用于定制化你的起始页,可适配响应式设计。 一个自定义起始页的浏览器插件。对于浏览器起始页提供了很高自由度的配置功能。可以从物料组件库自行添加自己需要的组件,添加的组件提供很多样式和功能的配置进行修改,并通过拖拽更改组件位置和大小。搜索物料组件允许添加配置多个搜索引擎并按Tab键快速切换。 项目开源地址:https://github.com/leo..
Free adblocker against advertising and pop-ups, for youtube and other popular video websites
Removes any kind of video ad! Features: ★ blocks ads, banners and pop-ups ★ will improve browser speed ★ improve page loading speed ★ saves you time by not looking at ads all day! ..
RunGPT: Execute ChatGPT Code - run/execute code directly in ChatGPT with a single click! Web requests, data parsing, plots & more!
🚀 RunGPT is an easy-to-use extension that lets you execute code snippets directly within OpenAI chat. Test, debug and build apps in real-time. 👨💻 Write & execute in many langua..
Eine Bibliothekssoftware mit der Sie..
Eine Bibliothekssoftware mit der Sie einfach und schnell Ihre Fachliteratur katalogisieren und durchsuchen können. Verwalten Sie die Fachliteratur Ihres Unternehmens in der Cloud! ..
Choosing the right Fibre Broadband P..
Choosing the right Fibre Broadband PackageAre you an Internet… Choosing the right Fibre Broadband Package Are you an Internet addict? In the current era of highly digitalized servi..
Biohaze Gaming: The online videogame..
Biohaze Gaming: The online videogames community for all gaming fans and enthusiasts. Get Infected! This Chrome Extension adds a shortcut that allows you to "one-click" to open our ..
Never again waste time browsing sites when you don't have a reason to!
What's new in 1.4.0 - Major performance improvement: The extension no longer hogs your CPU and drains your battery quickly. :D - Service worker failed registration bug has been fix..

Notion Syntax Highlighter插件下载




Great thing. (if it doesnt work in the Brave, turn off shields)


I works seamlessly! Great job.