mirror of
https://github.com/facebook/docusaurus.git
synced 2025-08-02 08:19:07 +02:00
parent
b18008f833
commit
28219590e4
32 changed files with 192 additions and 544 deletions
|
@ -158,23 +158,12 @@ Text describing my function
|
|||
<p>Adding the following code to your Markdown file:</p>
|
||||
<script src="https://gist.github.com/yangshun/d36d04f383c40beb3f31dd2a16666f6c.js"></script>
|
||||
<p>produces this:</p>
|
||||
</span></div><div class="tabs"><div class="nav-tabs"><div class="nav-link active" id="52-tab" data-group="group_51" data-tab="tabpanel_52">JavaScript</div><div class="nav-link" id="53-tab" data-group="group_51" data-tab="tabpanel_53">Python</div><div class="nav-link" id="54-tab" data-group="group_51" data-tab="tabpanel_54">C</div><div class="nav-link" id="55-tab" data-group="group_51" data-tab="tabpanel_55">Pascal</div></div><div class="tab-content"><div class="tab-pane active" data-group="group_51" tabindex="-1" id="tabpanel_52"><div><span><pre><code class="hljs css language-js"><span class="hljs-built_in">console</span>.log(<span class="hljs-string">'Hello, world!'</span>);
|
||||
</code></pre>
|
||||
</span></div></div><div class="tab-pane" data-group="group_51" tabindex="-1" id="tabpanel_53"><div><span><pre><code class="hljs css language-py">print(<span class="hljs-string">'Hello, world!'</span>)
|
||||
</code></pre>
|
||||
</span></div></div><div class="tab-pane" data-group="group_51" tabindex="-1" id="tabpanel_54"><div><span><pre><code class="hljs css language-C"><span class="hljs-meta">#<span class="hljs-meta-keyword">include</span> <span class="hljs-meta-string"><stdio.h></span></span>
|
||||
|
||||
<span class="hljs-function"><span class="hljs-keyword">int</span> <span class="hljs-title">main</span><span class="hljs-params">()</span> </span>{
|
||||
<span class="hljs-built_in">printf</span>(<span class="hljs-string">"Hello World!"</span>);
|
||||
<span class="hljs-keyword">return</span> <span class="hljs-number">0</span>;
|
||||
}
|
||||
</code></pre>
|
||||
</span></div></div><div class="tab-pane" data-group="group_51" tabindex="-1" id="tabpanel_55"><div><span><pre><code class="hljs css language-Pascal"><span class="hljs-keyword">program</span> HelloWorld;
|
||||
<span class="hljs-keyword">begin</span>
|
||||
WriteLn(<span class="hljs-string">'Hello, world!'</span>);
|
||||
<span class="hljs-keyword">end</span>.
|
||||
</code></pre>
|
||||
</span></div></div></div></div><div><span><h2><a class="anchor" aria-hidden="true" id="syntax-highlighting"></a><a href="#syntax-highlighting" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>Syntax Highlighting</h2>
|
||||
<div class="tabs"><div class="nav-tabs"><div class="nav-link active" id="52-tab" data-group="group_51" data-tab="tabpanel_52">JavaScript</div><div class="nav-link" id="53-tab" data-group="group_51" data-tab="tabpanel_53">Python</div><div class="nav-link" id="54-tab" data-group="group_51" data-tab="tabpanel_54">C</div><div class="nav-link" id="55-tab" data-group="group_51" data-tab="tabpanel_55">Pascal</div></div><div class="tab-content"><div class="tab-pane active" data-group="group_51" tabindex="-1" id="tabpanel_52"><div><span><pre><code class="hljs css language-js"><span class="hljs-built_in">console</span>.log(<span class="hljs-string">'Hello, world!'</span>);<br /></code></pre>
|
||||
</span></div></div><div class="tab-pane" data-group="group_51" tabindex="-1" id="tabpanel_53"><div><span><pre><code class="hljs css language-py">print(<span class="hljs-string">'Hello, world!'</span>)<br /></code></pre>
|
||||
</span></div></div><div class="tab-pane" data-group="group_51" tabindex="-1" id="tabpanel_54"><div><span><pre><code class="hljs css language-C"><span class="hljs-meta">#<span class="hljs-meta-keyword">include</span> <span class="hljs-meta-string"><stdio.h></span></span><br /><br /><span class="hljs-function"><span class="hljs-keyword">int</span> <span class="hljs-title">main</span><span class="hljs-params">()</span> </span>{<br /> <span class="hljs-built_in">printf</span>(<span class="hljs-string">"Hello World!"</span>);<br /> <span class="hljs-keyword">return</span> <span class="hljs-number">0</span>;<br />}<br /></code></pre>
|
||||
</span></div></div><div class="tab-pane" data-group="group_51" tabindex="-1" id="tabpanel_55"><div><span><pre><code class="hljs css language-Pascal"><span class="hljs-keyword">program</span> HelloWorld;<br /><span class="hljs-keyword">begin</span><br /> WriteLn(<span class="hljs-string">'Hello, world!'</span>);<br /><span class="hljs-keyword">end</span>.<br /></code></pre>
|
||||
</span></div></div></div></div>
|
||||
<h2><a class="anchor" aria-hidden="true" id="syntax-highlighting"></a><a href="#syntax-highlighting" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>Syntax Highlighting</h2>
|
||||
<p>Syntax highlighting is enabled by default on fenced code blocks. The language should be detected automatically, but you can sometimes get better results by specifying the language. You can do so using an <a href="https://github.github.com/gfm/#example-111">info string</a>, following the three opening backticks. The following JavaScript example...</p>
|
||||
<pre><code class="hljs">```js
|
||||
ReactDOM.render(<h1>Hello, world!</h1>, document.getElementById('root'));
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue