OLD | NEW |
(Empty) | |
| 1 {{+bindTo:partials.standard_nacl_article}} |
| 2 |
| 3 <section id="examples-of-rest-markup-for-devsite-document-title"> |
| 4 <h1 id="examples-of-rest-markup-for-devsite-document-title">Examples of ReST mar
kup for devsite (Document title)</h1> |
| 5 <p>This is an auto-generated table of contents for this document. <code>:local:<
/code> and |
| 6 <code>:backlinks: none</code> are required to make the devsite look consistent; |
| 7 <code>:depth:</code> level can be controlled.</p> |
| 8 <div class="contents local topic" id="contents"> |
| 9 <ul class="small-gap"> |
| 10 <li><a class="reference internal" href="#document-structure" id="id1">Document s
tructure</a></li> |
| 11 <li><p class="first"><a class="reference internal" href="#basic-markup" id="id2"
>Basic markup</a></p> |
| 12 <ul class="small-gap"> |
| 13 <li><a class="reference internal" href="#unicode-samples" id="id3">Unicode sampl
es</a></li> |
| 14 </ul> |
| 15 </li> |
| 16 <li><a class="reference internal" href="#images" id="id4">Images</a></li> |
| 17 <li><p class="first"><a class="reference internal" href="#links" id="id5">Links<
/a></p> |
| 18 <ul class="small-gap"> |
| 19 <li><a class="reference internal" href="#to-other-documents-within-the-tree" id=
"id6">To other documents within the tree</a></li> |
| 20 <li><a class="reference internal" href="#to-sections-inside-documents" id="id7">
To sections inside documents</a></li> |
| 21 <li><a class="reference internal" href="#to-external-locations" id="id8">To exte
rnal locations</a></li> |
| 22 </ul> |
| 23 </li> |
| 24 <li><a class="reference internal" href="#definition-lists" id="id9">Definition l
ists</a></li> |
| 25 <li><a class="reference internal" href="#notes-and-admonitions" id="id10">Notes
and Admonitions</a></li> |
| 26 <li><a class="reference internal" href="#source-code" id="id11">Source code</a><
/li> |
| 27 <li><p class="first"><a class="reference internal" href="#section-heading" id="i
d12">Section heading</a></p> |
| 28 <ul class="small-gap"> |
| 29 <li><a class="reference internal" href="#subsection-heading" id="id13">Subsectio
n heading</a></li> |
| 30 </ul> |
| 31 </li> |
| 32 <li><p class="first"><a class="reference internal" href="#expandable-sections" i
d="id14">Expandable sections</a></p> |
| 33 <ul class="small-gap"> |
| 34 <li><a class="reference internal" href="#expandable-section" id="id15">Expandabl
e Section</a></li> |
| 35 </ul> |
| 36 </li> |
| 37 <li><a class="reference internal" href="#lists" id="id16">Lists</a></li> |
| 38 <li><a class="reference internal" href="#tables" id="id17">Tables</a></li> |
| 39 </ul> |
| 40 </div> |
| 41 <section id="document-structure"> |
| 42 <h2 id="document-structure">Document structure</h2> |
| 43 <p>A document starts with a Sphinx target which serves as the document name |
| 44 throughout the tree. It can serve as a link target in other documents that want |
| 45 to link to this one (see the Links section below).</p> |
| 46 <p>It follows with the document title (which doesn’t get generated to the
HTML body |
| 47 in production mode, but is picked up by the devsite from <code><head><t
itle></code>.</p> |
| 48 </section><section id="basic-markup"> |
| 49 <h2 id="basic-markup">Basic markup</h2> |
| 50 <p>In general, follow the rules from <a class="reference external" href="http://
sphinx-doc.org/rest.html">http://sphinx-doc.org/rest.html</a></p> |
| 51 <p>Some <strong>bold text</strong> and <em>italic text</em> and <code>fixed-font
text</code>. Non marked-up text |
| 52 can follow these immediately by using a backslash: <strong>pexe</strong>s.</p> |
| 53 <p>For pleasant collaborative editing, please use the accepted coding guidelines
: |
| 54 wrap at 80 columns, no tabs, etc.</p> |
| 55 <p>Quotes (<code><blockquote></code>) are created by indenting the paragra
ph:</p> |
| 56 <blockquote> |
| 57 <div>Most good programmers do programming not because they expect to get paid or |
| 58 get adulation by the public, but because it is fun to program. |
| 59 – Linus Torvalds</div></blockquote> |
| 60 <p>Here’s an en-dash – and an m-dash — too.</p> |
| 61 <section id="unicode-samples"> |
| 62 <h3 id="unicode-samples">Unicode samples</h3> |
| 63 <p>Copyright sign ©, and uacute Ú.</p> |
| 64 </section></section><section id="images"> |
| 65 <h2 id="images">Images</h2> |
| 66 <p>Please use absolute paths (starting with <code>/</code>) for images:</p> |
| 67 <img alt="/native-client/images/NaclBlock.png" src="/native-client/images/NaclBl
ock.png" /> |
| 68 </section><section id="links"> |
| 69 <h2 id="links">Links</h2> |
| 70 <section id="to-other-documents-within-the-tree"> |
| 71 <h3 id="to-other-documents-within-the-tree">To other documents within the tree</
h3> |
| 72 <p>Internal links to other documents are created <a class="reference internal" h
ref="/native-client/overview.html"><em>like this</em></a>. The |
| 73 document name within the angle brackets is relative to the root dir of the |
| 74 devsite doc tree and does not have an extension.</p> |
| 75 <p>Here’s a link to a document in a subdirectory: <a class="reference inte
rnal" href="/native-client/devguide/tutorial/tutorial-part1.html"><em>the tutori
al</em></a>. And a link to a subdirectory index page |
| 76 <a class="reference internal" href="/native-client/devguide/index.html"><em>devg
uide index</em></a>.</p> |
| 77 </section><section id="to-sections-inside-documents"> |
| 78 <h3 id="to-sections-inside-documents">To sections inside documents</h3> |
| 79 <p>To internal locations within documents, labels are used. For example, this li
nk |
| 80 goes to the label explicitly placed in this document - |
| 81 <a class="reference internal" href="#link-for-section-heading"><em>Section headi
ng</em></a>. This works across documents as well. Label |
| 82 names must be unique in the tree, and can refer to anything (like images).</p> |
| 83 <p>It’s also possible to give such cross-references custom names: <a class
="reference internal" href="#link-for-section-heading"><em>Same |
| 84 Section Heading</em></a>.</p> |
| 85 </section><section id="to-external-locations"> |
| 86 <h3 id="to-external-locations">To external locations</h3> |
| 87 <p>Plain links can be placed like this: <a class="reference external" href="http
://google.com">http://google.com</a> and also <a class="reference external" href
="http://google.com">like this</a>.</p> |
| 88 </section></section><section id="definition-lists"> |
| 89 <h2 id="definition-lists">Definition lists</h2> |
| 90 <p>Can be used to define a group of related terms. Internal formatting is suppor
ted |
| 91 within the definition. No special formatting needs to be done for the definition |
| 92 name/title - it’s handled by the devsite.</p> |
| 93 <dl class="docutils"> |
| 94 <dt>Apple</dt> |
| 95 <dd>The apple is the pomaceous fruit of the apple tree, species Malus domestica
in |
| 96 the rose family (<strong>Rosaceae</strong>).</dd> |
| 97 <dt>Fig</dt> |
| 98 <dd>The common fig (<strong>Ficus carica</strong>) is a species of flowering pla
nt in the genus |
| 99 Ficus, from the family Moraceae, known as the common fig (or just the fig), |
| 100 anjeer (Iran, Pakistan), and dumur (Bengali).</dd> |
| 101 <dt>Pear</dt> |
| 102 <dd>The pear is any of several tree and shrub species of genus Pyrus, in the |
| 103 family Rosaceae.</dd> |
| 104 </dl> |
| 105 </section><section id="notes-and-admonitions"> |
| 106 <h2 id="notes-and-admonitions">Notes and Admonitions</h2> |
| 107 <p>The devsite supports special “notes” that are indented and have a
background |
| 108 color. We’ll generate them with the <code>Note</code> directive, providing
the class |
| 109 explicitly. The class is one of <code>note</code>, <code>caution</code>, <code>
warning</code>, |
| 110 <code>special</code>.</p> |
| 111 <aside class="note"> |
| 112 <p>This is a note.</p> |
| 113 <p>Foo bar.</p> |
| 114 |
| 115 </aside> |
| 116 <p>Also:</p> |
| 117 <aside class="caution"> |
| 118 Caution – you have been warned. |
| 119 </aside> |
| 120 </section><section id="source-code"> |
| 121 <h2 id="source-code">Source code</h2> |
| 122 <p>Here’s source code that will be pretty-printed on the devsite. Outside |
| 123 production mode, it’s just a plain <code><pre></code> that presents
pre-formatted code |
| 124 without coloring:</p> |
| 125 <pre class="prettyprint"> |
| 126 #include <iostream> |
| 127 |
| 128 int main() { |
| 129 char c = 'x'; |
| 130 std::cout << "Hello world\n"; |
| 131 return 0; |
| 132 } |
| 133 </pre> |
| 134 <p>For some code (like shell samples), we want to disable pretty-printing:</p> |
| 135 <pre> |
| 136 $ ls | wc |
| 137 $ echo "hello world" |
| 138 </pre> |
| 139 <p>By default <code>:prettyprint:</code> is <code>1</code>.</p> |
| 140 <p>For short inline code, use fixed-formatting like <code>int x = 2;</code>. Not
e that this |
| 141 won’t get syntax-highlighted and may be line-wrapped, so keep it very shor
t.</p> |
| 142 </section><section id="section-heading"> |
| 143 <span id="link-for-section-heading"></span><h2 id="section-heading"><span id="li
nk-for-section-heading"></span>Section heading</h2> |
| 144 <p>Here’s a demonstration of heading nesting levels. This is a top-level s
ection in |
| 145 the document. The document title is the first header and it’s delimited by
hash |
| 146 signes (<code>#</code>) from above and below.</p> |
| 147 <section id="subsection-heading"> |
| 148 <h3 id="subsection-heading">Subsection heading</h3> |
| 149 <p>Subsection.</p> |
| 150 <section id="sub-subsection-heading"> |
| 151 <h4 id="sub-subsection-heading">Sub-subsection heading</h4> |
| 152 <p>That’s pretty deep...</p> |
| 153 <section id="sub-sub-subsection-heading"> |
| 154 <h5 id="sub-sub-subsection-heading">Sub-sub-subsection heading</h5> |
| 155 <p>It’s probably not the best idea to go this far (renders to <code><h5
></code>).</p> |
| 156 </section></section></section></section><section id="expandable-sections"> |
| 157 <h2 id="expandable-sections">Expandable sections</h2> |
| 158 <p>The devsite can render expandable sections when a special <code>class</code>
is applied. |
| 159 This can be achieved by specifying the <code>rst-class</code> immediately before
a |
| 160 section (or any other element), as follows:</p> |
| 161 <section class="expandable" id="expandable-section"> |
| 162 <h3 id="expandable-section">Expandable Section</h3> |
| 163 <p>Look, ma! I’m expandable!</p> |
| 164 </section></section><section id="lists"> |
| 165 <h2 id="lists">Lists</h2> |
| 166 <p>Auto-numbered ordered lists:</p> |
| 167 <ol class="arabic simple"> |
| 168 <li>One</li> |
| 169 <li>Two</li> |
| 170 <li>Three</li> |
| 171 </ol> |
| 172 <p>Manually numbered ordered lists:</p> |
| 173 <ol class="arabic simple"> |
| 174 <li>One</li> |
| 175 <li>Two</li> |
| 176 <li>Three</li> |
| 177 </ol> |
| 178 <p>Unordered (bullet) lists:</p> |
| 179 <ul class="small-gap"> |
| 180 <li>One</li> |
| 181 <li>Two</li> |
| 182 <li>Three</li> |
| 183 </ul> |
| 184 <p>Lists can be nested and mixed too:</p> |
| 185 <ul class="small-gap"> |
| 186 <li><p class="first">Toplevel</p> |
| 187 <ol class="arabic simple"> |
| 188 <li>One</li> |
| 189 <li>Two</li> |
| 190 </ol> |
| 191 </li> |
| 192 <li>Back to top level</li> |
| 193 </ul> |
| 194 </section><section id="tables"> |
| 195 <h2 id="tables">Tables</h2> |
| 196 <p>The full scoop on tables is <a class="reference external" href="http://sphinx
-doc.org/rest.html#tables">http://sphinx-doc.org/rest.html#tables</a> and the |
| 197 Docutils pages linked from it.</p> |
| 198 <p>“Simple tables” require less markup but are limited:</p> |
| 199 <table border="1" class="docutils"> |
| 200 <colgroup> |
| 201 </colgroup> |
| 202 <thead valign="bottom"> |
| 203 <tr class="row-odd"><th class="head">A</th> |
| 204 <th class="head">B</th> |
| 205 <th class="head">A and B</th> |
| 206 </tr> |
| 207 </thead> |
| 208 <tbody valign="top"> |
| 209 <tr class="row-even"><td>False</td> |
| 210 <td>False</td> |
| 211 <td>False</td> |
| 212 </tr> |
| 213 <tr class="row-odd"><td>True</td> |
| 214 <td>False</td> |
| 215 <td>False</td> |
| 216 </tr> |
| 217 <tr class="row-even"><td>False</td> |
| 218 <td>True</td> |
| 219 <td>False</td> |
| 220 </tr> |
| 221 <tr class="row-odd"><td>True</td> |
| 222 <td>True</td> |
| 223 <td>True</td> |
| 224 </tr> |
| 225 </tbody> |
| 226 </table> |
| 227 <p>“Grid tables” are versatile but require more markup:</p> |
| 228 <table border="1" class="docutils"> |
| 229 <colgroup> |
| 230 </colgroup> |
| 231 <thead valign="bottom"> |
| 232 <tr class="row-odd"><th class="head">Header row, column 1 |
| 233 (header rows optional)</th> |
| 234 <th class="head">Header 2</th> |
| 235 <th class="head">Header 3</th> |
| 236 <th class="head">Header 4</th> |
| 237 </tr> |
| 238 </thead> |
| 239 <tbody valign="top"> |
| 240 <tr class="row-even"><td>body row 1, column 1</td> |
| 241 <td>column 2</td> |
| 242 <td>column 3</td> |
| 243 <td>column 4</td> |
| 244 </tr> |
| 245 <tr class="row-odd"><td>body row 2</td> |
| 246 <td>...</td> |
| 247 <td>...</td> |
| 248 <td> </td> |
| 249 </tr> |
| 250 </tbody> |
| 251 </table> |
| 252 </section></section> |
| 253 |
| 254 {{/partials.standard_nacl_article}} |
OLD | NEW |