2018-06-24こんにちは。ブログにソースコード貼りたいですよね?貼りたくないですか?私は今までブログにコードを貼るときはGISTを使ってたんですけど、やっぱり背景はダークテーマじゃないと違和感あるんですよね。IT系のブログを書いている方は皆さんきれいに自分のコードをブログに貼っていてうらやましいなぁと思ったので、やり方を調べてみたんですよ。したら思ったより手間!ブログにちょろっとコード差し込むだけでいちいちクラスとか毎回書いてらんないですよね。メンタリストのダイゴも、継続のためにはいかに手間を減らすかが重要だ!って言ってましたし。私はそんなに長いコード貼る予定もないので、ぶっちゃけシンタックスライトとかはいいかなと思ったので、トレードオフということで、preタグだけでコードを貼れるようにcssを書いてみました。『Atom風』というのはタイトル詐欺感ありますが、あくまで風なので許してね。難しいことはよくわからんし面倒なことはしたくないけどコードを貼りたいって方は、CSSコピペすればいいだけなのでぜひ使ってください。今後改良していく予定。スポンサーリンクブログにAtom風にコードを貼り付けるはい、こんな感じにコードを貼れます。world'この装飾のためのCSSはこちら。}たったこれだけ!めちゃ簡単!あとは表示したいコードをHTMLのpreタグの中にコピペすればあっというに完成です!おめでとう!今後コードはちょいちょい修正してくかもです。いつかほんとにAtom風になる日も近いかも?それではまた。コメントをキャンセルメールアドレスが公開されることはありません。千葉県を中心にボランティア活動や勉強会などを行っています。好きな言語はC#とPythonとC++です。関係の技術が好きです。XamarinとかTypeScriptも触ってます。質問・相談・お仕事のご依頼は、Twitterまたは問い合わせフォームまで。今月の人気記事1一年間プログラミングを独学した過程を振り返ってわかったこと。