Qiita의 소스 코드의 신택스 하이라이트는 매우 쉽습니다.
메소드·변수·클래스명에 의해 문자색이 정해져 있어, 흑계의 배경으로 눈에 친화…

나는 개인적으로 블로그을하고 있으며, 거기서도 기술계의 기사를 쓰고 있습니다만,

오징어 소스 코드를 표시하는 방법이 좋았기 때문에 Qiita의 스타일을 조금 빌렸습니다.

(Chrome의 개발자 도구를 사용하여 배경색과 문자색을 핥아 돌려 보았습니다.)

그리고 자신의 블로그에 적용시킨 스타일이 이쪽↓↓

style.css

/*ここにソースコード表示部分のセレクタ*/ {
  background-color: #364549;
  color: #e3e3e3;
}

결과는 내 블로그를 참조 ↓↓
htps //w w. 해 rぉ인-나구리가키. 네 t/

추가

코멘트에서 가르쳐 주셨습니다만, Qiita에서는 Rouge(루즈)라고 하는 신택스 하이라이트를 이용하고 있습니다.

신택스 하이라이트에는 Rouge를 이용하고 있어 아래의 대응 언어 리스트는 상기 사이트에 준하는 것입니다만, 최신의 상황에 대응하고 있지 않을 가능성도 있으므로 양해 바랍니다. (편집 요청을 주시면 감사하겠습니다 )

htps : // 코 m / 쿠이타 / ms / 에 84f5 아 d7757 아 f 82에서 인용

Rouge에서는 256색의 색을 사용하여 100종류의 프로그래밍 언어에 대응하고 있습니다.

Rouge is a pure-ruby syntax highlighter. It can highlight 100 different languages, and output HTML or ANSI 256-color text.

htps : // 기주 b. 코 m/j 네엔/로게에서 인용