1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131
|
<h1 class="title">advanced-code.org</h1>
<p>Turns out there’s more way to do code than just BEGIN_EXAMPLE.</p>
<h1><span class="heading-number heading-number-1">1</span> Inline examples</h1>
<p>This should work:</p>
<pre class="example">
fixed width? how does this work?
...........
............
.
. . . .
. ..
....... .....
. .
....
</pre>
<p>Two ASCII blobs.</p>
<h1><span class="heading-number heading-number-1">2</span> BEGIN_SRC</h1>
<p>And this:</p>
<div class="highlight"><pre><span class="c1"># Finds all emphasis matches in a string.</span>
<span class="c1"># Supply a block that will get the marker and body as parameters.</span>
<span class="k">def</span> <span class="nf">match_all</span><span class="p">(</span><span class="n">str</span><span class="p">)</span>
<span class="n">str</span><span class="o">.</span><span class="n">scan</span><span class="p">(</span><span class="vi">@org_emphasis_regexp</span><span class="p">)</span> <span class="k">do</span> <span class="o">|</span><span class="n">match</span><span class="o">|</span>
<span class="k">yield</span> <span class="vg">$2</span><span class="p">,</span> <span class="vg">$3</span>
<span class="k">end</span>
<span class="k">end</span>
</pre></div>
<p>Now let’s test case-insensitive code blocks.</p>
<div class="highlight"><pre><span class="c1"># Finds all emphasis matches in a string.</span>
<span class="c1"># Supply a block that will get the marker and body as parameters.</span>
<span class="k">def</span> <span class="nf">match_all</span><span class="p">(</span><span class="n">str</span><span class="p">)</span>
<span class="n">str</span><span class="o">.</span><span class="n">scan</span><span class="p">(</span><span class="vi">@org_emphasis_regexp</span><span class="p">)</span> <span class="k">do</span> <span class="o">|</span><span class="n">match</span><span class="o">|</span>
<span class="k">yield</span> <span class="vg">$2</span><span class="p">,</span> <span class="vg">$3</span>
<span class="k">end</span>
<span class="k">end</span>
</pre></div>
<div class="highlight"><pre><span class="p">(</span><span class="k">def </span><span class="nv">fib-seq</span>
<span class="p">(</span><span class="nf">concat</span>
<span class="p">[</span><span class="mi">0</span> <span class="mi">1</span><span class="p">]</span>
<span class="p">((</span><span class="k">fn </span><span class="nv">rfib</span> <span class="p">[</span><span class="nv">a</span> <span class="nv">b</span><span class="p">]</span>
<span class="p">(</span><span class="nb">lazy-cons </span><span class="p">(</span><span class="nb">+ </span><span class="nv">a</span> <span class="nv">b</span><span class="p">)</span> <span class="p">(</span><span class="nf">rfib</span> <span class="nv">b</span> <span class="p">(</span><span class="nb">+ </span><span class="nv">a</span> <span class="nv">b</span><span class="p">))))</span> <span class="mi">0</span> <span class="mi">1</span><span class="p">)))</span>
<span class="nv">user></span> <span class="p">(</span><span class="nb">take </span><span class="mi">20</span> <span class="nv">fib-seq</span><span class="p">)</span>
<span class="p">(</span><span class="mi">0</span> <span class="mi">1</span> <span class="mi">1</span> <span class="mi">2</span> <span class="mi">3</span> <span class="mi">5</span> <span class="mi">8</span> <span class="mi">13</span> <span class="mi">21</span> <span class="mi">34</span> <span class="mi">55</span> <span class="mi">89</span> <span class="mi">144</span> <span class="mi">233</span> <span class="mi">377</span> <span class="mi">610</span> <span class="mi">987</span> <span class="mi">1597</span> <span class="mi">2584</span> <span class="mi">4181</span><span class="p">)</span>
</pre></div>
<p>Even if no language is set, it is still wrapped in code tags but class is empty.</p>
<div class="highlight"><pre>echo 'Defaults env_keeps="http_proxy https_proxy ftp_proxy"' | sudo tee -a /etc/sudoers
</pre></div>
<h1><span class="heading-number heading-number-1">3</span> It should be possible to write a colon at the beginning of an example</h1>
<blockquote>
<p>I really love to write about
:symbols. They sure are the
best things in the world!</p>
</blockquote>
<div class="highlight"><pre><span class="p">{</span>
<span class="ss">:one</span> <span class="o">=></span> <span class="mi">1</span><span class="p">,</span>
<span class="ss">:two</span> <span class="o">=></span> <span class="mi">2</span>
<span class="p">}</span>
</pre></div>
<div class="highlight"><pre><span class="p">(</span><span class="kd">defproject </span><span class="nv">helloworld</span> <span class="s">"0.1"</span>
<span class="ss">:dependencies</span> <span class="p">[[</span><span class="nv">org.clojure/clojure</span>
<span class="s">"1.1.0-master-SNAPSHOT"</span><span class="p">]</span>
<span class="p">[</span><span class="nv">org.clojure/clojure-contrib</span>
<span class="s">"1.0-SNAPSHOT"</span><span class="p">]]</span>
<span class="ss">:main</span> <span class="nv">helloworld</span><span class="p">)</span>
</pre></div>
<h1><span class="heading-number heading-number-1">4</span> Code syntax highlight with Pygments</h1>
<h2><span class="heading-number heading-number-2">4.1</span> No language selected</h2>
<div class="highlight"><pre><script>alert('hello world')</script>
</pre></div>
<h2><span class="heading-number heading-number-2">4.2</span> CSS example</h2>
<div class="highlight"><pre><span class="o">*</span> <span class="p">{</span>
<span class="c">/* apply a natural box layout model to all elements */</span>
<span class="n">box</span><span class="o">-</span><span class="n">sizing</span><span class="o">:</span> <span class="k">border</span><span class="o">-</span><span class="n">box</span><span class="p">;</span>
<span class="o">-</span><span class="n">moz</span><span class="o">-</span><span class="n">box</span><span class="o">-</span><span class="n">sizing</span><span class="o">:</span> <span class="k">border</span><span class="o">-</span><span class="n">box</span><span class="p">;</span>
<span class="o">-</span><span class="n">webkit</span><span class="o">-</span><span class="n">box</span><span class="o">-</span><span class="n">sizing</span><span class="o">:</span> <span class="k">border</span><span class="o">-</span><span class="n">box</span><span class="p">;</span>
<span class="p">}</span>
</pre></div>
<h2><span class="heading-number heading-number-2">4.3</span> HTML example</h2>
<div class="highlight"><pre><span class="nt"><html></span>
<span class="nt"><head></span>
<span class="nt"><title></span>Hello<span class="nt"></title></span>
<span class="nt"></head></span>
<span class="nt"><body></span>
<span class="nt"><h1></span>Hello<span class="nt"></h1></span>
<span class="nt"></body></span>
<span class="nt"></html></span>
</pre></div>
<h2><span class="heading-number heading-number-2">4.4</span> Ruby example</h2>
<div class="highlight"><pre><span class="k">class</span> <span class="nc">Post</span> <span class="o"><<</span> <span class="no">ActiveRecord</span><span class="o">::</span><span class="no">Base</span>
<span class="k">def</span> <span class="nf">print_title</span>
<span class="nb">puts</span> <span class="s2">"</span><span class="si">#{</span><span class="nb">self</span><span class="o">.</span><span class="n">title</span><span class="si">}</span><span class="s2">"</span>
<span class="k">end</span>
<span class="k">end</span>
</pre></div>
<h2><span class="heading-number heading-number-2">4.5</span> Python example</h2>
<div class="highlight"><pre><span class="kn">import</span> <span class="nn">mapnik</span>
<span class="n">m</span> <span class="o">=</span> <span class="n">mapnik</span><span class="o">.</span><span class="n">Map</span><span class="p">(</span><span class="mi">600</span><span class="p">,</span> <span class="mi">800</span><span class="p">)</span>
<span class="n">m</span><span class="o">.</span><span class="n">background</span> <span class="o">=</span> <span class="n">Map</span><span class="o">.</span><span class="n">Color</span><span class="p">(</span><span class="s">'steelblue'</span><span class="p">)</span>
</pre></div>
<h2><span class="heading-number heading-number-2">4.6</span> Javascript example</h2>
<div class="highlight"><pre><span class="nx">exports</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span>
<span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">$</span><span class="p">){</span>
<span class="kd">var</span> <span class="nx">Posts</span> <span class="o">=</span> <span class="p">{};</span>
<span class="nx">Posts</span><span class="p">.</span><span class="nx">index</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(){</span>
<span class="c1">// TODO</span>
<span class="p">};</span>
<span class="p">})(</span><span class="nx">jQuery</span><span class="p">);</span>
</pre></div>
<h2><span class="heading-number heading-number-2">4.7</span> JSON example</h2>
<div class="highlight"><pre><span class="p">{</span> <span class="err">name:</span> <span class="nt">"Waldemar"</span>
<span class="p">,</span> <span class="err">surname:</span> <span class="nt">"Quevedo"</span>
<span class="p">}</span>
</pre></div>
<h2><span class="heading-number heading-number-2">4.8</span> PHP example</h2>
<div class="highlight"><pre><span class="x">echo "Hello";</span>
<span class="x">phpinfo();</span>
<span class="x">var_dump(some_var);</span>
</pre></div>
<h2><span class="heading-number heading-number-2">4.9</span> Elisp example</h2>
<div class="highlight"><pre><span class="p">(</span><span class="nf">defun</span> <span class="nv">hello</span><span class="p">()</span>
<span class="p">(</span><span class="nf">interactive</span><span class="p">)</span>
<span class="p">(</span><span class="nf">message</span> <span class="s">"hello"</span><span class="p">))</span>
</pre></div>
<h2><span class="heading-number heading-number-2">4.10</span> Not supported language example</h2>
<div class="highlight"><pre>!+!+++!++!++!++!+
</pre></div>
|