Steemit Syntax-Highlighting userscript
<h3>What is the project about?
<p dir="auto">This project is a Tampermonkey-Userscript which will change how <code>code elements inside posts look.
<p dir="auto"><center><br />
<img src="https://images.hive.blog/768x0/https://stuff.flovolution.com/blog/syntax-highlight_before-after.png" alt="syntax-highlight_before-after" srcset="https://images.hive.blog/768x0/https://stuff.flovolution.com/blog/syntax-highlight_before-after.png 1x, https://images.hive.blog/1536x0/https://stuff.flovolution.com/blog/syntax-highlight_before-after.png 2x" /><br />
<p dir="auto">Currently supported languages are:<br />
<code>Apache, Bash, C#, C++, CSS, CoffeeScript, Diff, HTML, XML, HTTP, Ini, JSON, Java, JavaScript, Makefile, Markdown, Nginx, Objective-C, PHP, Perl, Python, Ruby, SQL, Shell Session
<h3>Technology Stack
<ul>
<li>The Script is written in JavaScript / ES6 and executed within the browser extension Tamermonkey
<li>Uses <a href="https://highlightjs.org" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">highlightJS
<li>Tested in <strong>Chrome & <strong>Firefox
<h3>Roadmap
<ul>
<li>Bugfixing if Bugs occur
<h3>Installation
<ol>
<li>Install Tamermonkey in your browser: <a href="https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo?hl=de" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Chrome or <a href="https://addons.mozilla.org/de/firefox/addon/tampermonkey/" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Firefox
<li>Click <a href="https://raw.githubusercontent.com/drookyn/steemit-customization/master/dist/syntax-highlighting.user.js" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">this link to install the script (or clone the <a href="https://github.com/drookyn/steemit-customization" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">repo)
<li>Go back to <a href="https://steemit.com" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">steemit.com and reload (F5 or cmd+r)
<li>Done
Thankyou for the tips, glad I found your post 😭. It's really hurt my eyes when I see a tutorial I like (which I prefer full text rather than video) but need to focus my eyes to read the code snippet because of no highlight color or even line number. I hope busy/steemit in the future support syntax highlighting or even line highlighting like in vuepress.
Thank you for trusting my script.
I think there are already some merge requests waiting for integration. so hopefully we do not have to wait this long.
Thank you for your contribution. Though its good for developers to see the code in Syntax-Highlighting form but it does not hold a great value. It would be better if you write commits in a consice manner and comment out your code so that people who are reading your code will know what the portion of code actually do.
Your contribution has been evaluated according to Utopian rules and guidelines, as well as a predefined set of questions pertaining to the category.
To view those questions and the relevant answers related to your post,Click here
Chat with us on Discord.
[utopian-moderator]Need help? Write a ticket on https://support.utopian.io/.
Thank you for your advice. I will work on that.
@drookyn, Can you please share the Github Repo Link of this project.
Of course. Click above in "Installation" or https://github.com/drookyn/steemit-customization
Thanks for contributing on Utopian.
We’re already looking forward to your next contribution!Hey @drookyn
Contributing on Utopian
Learn how to contribute on our website or by watching this tutorial on Youtube.
Want to chat? Join us on Discord https://discord.gg/h52nFrV.
Vote for Utopian Witness!
Congratulations @drookyn! You received a personal award!
Click here to view your Board
Do not miss the last post from @steemitboard:
Congratulations @drookyn! You received a personal award!
You can view your badges on your Steem Board and compare to others on the Steem Ranking
Vote for @Steemitboard as a witness to get one more award and increased upvotes!