プログラム関係の記事をこっちの統合させたので、こっちでもプログラムを表示させる環境を整えていました。
wordpressでコードを表示させるときに使うプラグインが、SyntaxHighlighter Evolvedです。
[blogcard url=”https://ja.wordpress.org/plugins/syntaxhighlighter/”]
このプラグインはコードの表示デザインを何個か選べます。しかし、いちいち設定を保存してプレビューを見てというのがめんどくさいです。さらに、コードプレビューがphpコードなので、C++ならどうなるのかわかりにくかったので、C++コードを書いて各デザインのスクショを撮ってまとめてみました。
目次
デフォルト
欲を言えば、型もハイライトしてほしい。
Django
型をハイライトしてくれる。namespaceが潰れている以外はいい感じ。
Eclipse
Emacs
コメントのほうが目立ってる気がする。
Fade to Grey
一番文字が読みやすい気がする。
Midnight
コメントのほうが目立ってるように見える。
RDark
コメントと文の見分けがつかない。
その他
コードの表示の他の手段として、gistを用いるというのもあります。
その場合、以下のような表示になります。
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| #include <iostream> | |
| #include <vector> | |
| #include <algorithm> | |
| #include <climits> | |
| using namespace std; | |
| int main(int argc, char const *argv[]) { | |
| int n,k; | |
| cin>>n>>k; | |
| vector<int> v(n); | |
| for(int i=0;i<n;i++){ | |
| cin>>v[i]; | |
| } | |
| sort(v.begin(),v.end()); | |
| int min=INT_MAX; | |
| for(int i=0;i+k-1<n;i++){ | |
| int tmp=v[i+k-1]-v[i]; | |
| if(tmp<min) min=tmp; | |
| } | |
| cout<<min<<endl; | |
| return 0; | |
| } |
by 追加cssでtable関係のタグをいじってる人は、そのデザインに引っ張られてしまうので注意です。
まとめ
Fade to Greyが一番キレイだと思ったので、これにしました。
しかし、gistでの表示のほうが見やすいといえば見やすいんですよね。gistにコードを登録するという手間が増えますが、その後は手軽にできます。
こんな記事かいててなんですが、コードの貼り付けはgist使ったほうがいいと思います。