Skip to content

haixiangyan/codeblock-beautifier

Folders and files

NameName
Last commit message
Last commit date

Latest commit

79fab6a ยท Apr 10, 2019
Feb 15, 2019
Jan 7, 2019
Feb 15, 2019
Jan 2, 2019
Jan 1, 2019
Mar 18, 2019
Mar 26, 2019
Apr 10, 2019

Repository files navigation

Code Block Beautifier

A chrome extension for highlighting codes of Medium Articles, but now, it can highlight codes in any websites that have <pre/> element.

You can watch a video to preview it.

ไธญๆ–‡ๆ–‡ๆกฃ่ฏท็œ‹่ฟ™้‡Œ

Install & Download

Check this on Chrome app store.

Then you can test it with this article.

Screenshot

Scrrenshot

How to use

How to use

Features

  • ๐Ÿ‘™ Beautify any code blocks wrapping in <pre/> automatically.

  • ๐Ÿ‘— Beautify code blocks according to your languages preference.

  • ๐Ÿ”“ Auto detect what languages that the author defines

  • ๐ŸŽ Supporting Medium, StackOverflow, ็ฎ€ไนฆ, ็ŸฅไนŽ, W3C Plus.

  • ๐ŸŽ‰ More than 80 themes are available. Can switch to any language highlight solutions.

  • ๐ŸŽŠ More than 20 language highlight themes are available. Can switch to any highlight themes you like.

Purpose

The main reason I built it is because Medium doesn't highlight our codes. Well, I know there are several ways to embed codes in the articles, but some people (like me) don't wanna create a gist or codesandbox project to highlight the codes. So most of time, I see this ๐Ÿ™„:

No highlight

What I expect is like this ๐Ÿ˜„:

Highlight

So I built an extension to beautify code blocks in Medium.

It can also be used for other websites that contain <pre/>. The only thing you need to do is to press the "Parse" button!

Future

There may have some problems that I haven't found for this extension yet. If you have any questions or find any bugs, please put an issue on this repo. Thank you!