use hilite me for code sharing on your site





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

Comments

  1. That's what I was searching!! Thanks a lot..

    ReplyDelete
  2. 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 Thanks

    ReplyDelete

Post a Comment

Popular Posts