I have seen many sites which are sharing the code snippets having a good look. Like having the sublime like format. One example is laravel-news.com. In my early posts, I was used to putting the code as it as without any formatting other than making the code in italic.
After certain posts, I started to use GitHub gist for sharing. But the gist was not the actually for what I was looking. Though it was quite good for code sharing thing is that it was not giving the look I was wanting.
After searching for certain days I find hilite.me which is actually I was looking for. A site/service that takes programming language code as input makes the syntax highlight and puts in the box of CSS we have defined.
It actually provides HTML-CSS code which can paste on the blog to share the code with specific highlight and format.
Here is my favorite CSS for the box
( Code for the box below you are seeing is also generated with hilite.me )
background : #111111; overflow : auto; width : auto;color:#eee; font-size : 19px; line-height : 24px; background-color : #3f3f41; border : solid#2e2e2f; border-width : .1em .1em .1em .8em; padding : .2em .6em; box-shadow : 0 10px 50px rgba(0,0,0,0.6);
/* Generated with help of hilite.me */
I am using this for code snippets I Post on this blog.
Hope you find it useful
That's what I was searching!! Thanks a lot..ReplyDelete
Your post topic is very unique and good for the readers so i am really impress so carry on for more unique post because people will follow more your site. Thanks and Again ThanksReplyDelete