English
See more
Add code syntax highlighting to Medium articles
Latest Version
Version
1.0.2
Update
July 26, 2019
Size
86.32KiB
Developer
macbaler.me
Category
Users
368 
Rating
4.33333 ★
Manifest Version
2
Web Store Status
Extension ID
Languages Support
Permissions
Storage
See more
Medium Code Highlighter Extension
A chrome browser extension which adds code syntax highlighting to Medium articles.
Forget the black-on-gray blobs of code in articles which don't embed gists or images of code!
- Adds code syntax highlighting to '
Read more
Forget the black-on-gray blobs of code in articles which don't embed gists or images of code!
- Adds code syntax highlighting to '
' blocks in Medium articles.
- Highlighting theme is selectable and can be changed on-the-fly (via extension popup upon icon-click) from a handful of popular themes.
-- Theme preference links to Chrome account.
- Works on all Medium articles, regardless of domain (i.e. 'medium.com', 'medium.freecodecamp.org', 'hackingandslacking.com', etc.)
*Note*
Due to Medium's innate formatting, code blocks are split line-by-line into '' blocks, meaning the 'highlightjs' language syntax recognizer may sometimes have trouble, but for the most part it works acceptably well.
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 2, "name": "Medium Code Highlighter", "version": "1.0.2", "description": "Add code syntax highlighting to Medium articles", "author": "Mac Baler", "content_security_policy": "default-src 'self'", "icons": { "16": "icons/16active.png", "32": "icons/32active.png", "48": "icons/48active.png", "128": "icons/128active.png" }, "page_action": { "default_popup": "popup/popup.html", "default_icon": { "16": "icons/16disabled.png", "32": "icons/32disabled.png", "48": "icons/48disabled.png", "128": "icons/128disabled.png" } }, "background": { "scripts": ["background.js"], "persistent": false }, "content_scripts": [ { "matches": [""], "js": ["highlightjs/highlight.pack.js", "content.js"] } ], "permissions": ["storage"], "web_accessible_resources": [ "highlightjs/styles/*.css" ]}
Read more
