QiitaだとAsciiDocのコードってハイライトされないので見辛いですね...。Codeなど有名どころのエディタの拡張機能でハイライト表示できるので、ハイライト表示した後の画像を貼っておきます。今回は、書きやすくてHTMLへの変換もしやすそうという気持ちで、軽量マークアップ言語であるAsciiDocでページを作ることにしました。LaTeXを使いました。HTMLへ変換する場合、文字に色つけるときは[red]#あああ#みたいにすると出来ます。ところが、asciidoctor-pdfでPDFを作ると期待通り色がつきません。spanが来た時に色を付ける処理が[red]#text#が生成するspanと一致していないのが原因っぽいです。