How to make code look like this when you post it in posts?

Question

Design

I often see that they represent code in articles like this. How to do the same?
Or in another beautiful way and, for example, so that it can be copied?

Answer 1

This is a nightmare and stupid trend due to a stupid medium where there is no proper highlighting for the code, so people go to these perversions instead of changing the blog site.
Why is it creepy and stupid? And you try to highlight and copy the code from the picture. Yeah. 16th century, interrupt by hand miserable readers. Never lay out the code as a picture, on the Orthodox Habré and Toaster it is forbidden for a reason.