Syntax-Highlighting in Acrylamid

Acrylamid kann von Haus aus Syntax-Highlighting, jedoch wird das CSS Style um die Farben darzustellen nicht mit ausgeliefert.

Note: The css and/or javascript is not included as part of this extension but must be provided by the end user. The Pygments project provides default css styles which you may find to be a useful starting point.

CodeHilite

Unter Debian habe ich einen CSS Style unter /usr/share/doc/python-pexpect-doc/html/_static/pygments.css gefunden.

Dieser sieht so aus:

::: {.highlight} cat /usr/share/doc/python-pexpect-doc/html/_static/pygments.css .highlight .hll { background-color: #ffffcc } .highlight { background: #eeffcc; } .highlight .c { color: #408090; font-style: italic } /* Comment / .highlight .err { border: 1px solid #FF0000 } / Error / .highlight .k { color: #007020; font-weight: bold } / Keyword / .highlight .o { color: #666666 } / Operator / .highlight .cm { color: #408090; font-style: italic } / Comment.Multiline / .highlight .cp { color: #007020 } / Comment.Preproc / .highlight .c1 { color: #408090; font-style: italic } / Comment.Single / .highlight .cs { color: #408090; background-color: #fff0f0 } / Comment.Special / .highlight .gd { color: #A00000 } / Generic.Deleted / .highlight .ge { font-style: italic } / Generic.Emph / .highlight .gr { color: #FF0000 } / Generic.Error / .highlight .gh { color: #000080; font-weight: bold } / Generic.Heading / .highlight .gi { color: #00A000 } / Generic.Inserted / .highlight .go { color: #333333 } / Generic.Output / .highlight .gp { color: #c65d09; font-weight: bold } / Generic.Prompt / .highlight .gs { font-weight: bold } / Generic.Strong / .highlight .gu { color: #800080; font-weight: bold } / Generic.Subheading / .highlight .gt { color: #0044DD } / Generic.Traceback / .highlight .kc { color: #007020; font-weight: bold } / Keyword.Constant / .highlight .kd { color: #007020; font-weight: bold } / Keyword.Declaration / .highlight .kn { color: #007020; font-weight: bold } / Keyword.Namespace / .highlight .kp { color: #007020 } / Keyword.Pseudo / .highlight .kr { color: #007020; font-weight: bold } / Keyword.Reserved / .highlight .kt { color: #902000 } / Keyword.Type / .highlight .m { color: #208050 } / Literal.Number / .highlight .s { color: #4070a0 } / Literal.String / .highlight .na { color: #4070a0 } / Name.Attribute / .highlight .nb { color: #007020 } / Name.Builtin / .highlight .nc { color: #0e84b5; font-weight: bold } / Name.Class / .highlight .no { color: #60add5 } / Name.Constant / .highlight .nd { color: #555555; font-weight: bold } / Name.Decorator / .highlight .ni { color: #d55537; font-weight: bold } / Name.Entity / .highlight .ne { color: #007020 } / Name.Exception / .highlight .nf { color: #06287e } / Name.Function / .highlight .nl { color: #002070; font-weight: bold } / Name.Label / .highlight .nn { color: #0e84b5; font-weight: bold } / Name.Namespace / .highlight .nt { color: #062873; font-weight: bold } / Name.Tag / .highlight .nv { color: #bb60d5 } / Name.Variable / .highlight .ow { color: #007020; font-weight: bold } / Operator.Word / .highlight .w { color: #bbbbbb } / Text.Whitespace / .highlight .mf { color: #208050 } / Literal.Number.Float / .highlight .mh { color: #208050 } / Literal.Number.Hex / .highlight .mi { color: #208050 } / Literal.Number.Integer / .highlight .mo { color: #208050 } / Literal.Number.Oct / .highlight .sb { color: #4070a0 } / Literal.String.Backtick / .highlight .sc { color: #4070a0 } / Literal.String.Char / .highlight .sd { color: #4070a0; font-style: italic } / Literal.String.Doc / .highlight .s2 { color: #4070a0 } / Literal.String.Double / .highlight .se { color: #4070a0; font-weight: bold } / Literal.String.Escape / .highlight .sh { color: #4070a0 } / Literal.String.Heredoc / .highlight .si { color: #70a0d0; font-style: italic } / Literal.String.Interpol / .highlight .sx { color: #c65d09 } / Literal.String.Other / .highlight .sr { color: #235388 } / Literal.String.Regex / .highlight .s1 { color: #4070a0 } / Literal.String.Single / .highlight .ss { color: #517918 } / Literal.String.Symbol / .highlight .bp { color: #007020 } / Name.Builtin.Pseudo / .highlight .vc { color: #bb60d5 } / Name.Variable.Class / .highlight .vg { color: #bb60d5 } / Name.Variable.Global / .highlight .vi { color: #bb60d5 } / Name.Variable.Instance / .highlight .il { color: #208050 } / Literal.Number.Integer.Long */#
:::

In Farbe und bunt gefällt mir die Code-Darstellung auch gleich viel besser. :)

Hier noch ein klassisches Code-Beispiel:

::: {.highlight} int main(void) { printf(“Hello World\n”); return 0; } :::

Teilen: E-Mail

Hinterlasse einen Kommentar oder diskutiere im OSBN-Chat.

In den Kommentaren können folgende Formatierungen genutzt werden.