Add new render-codeblock example with some extra zen styles.
This commit is contained in:
parent
609fd56870
commit
ea9abbcb64
1 changed files with 102 additions and 0 deletions
14
layouts/_markup/example-render-codeblock.html
Normal file
14
layouts/_markup/example-render-codeblock.html
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
{{ $result := transform.HighlightCodeBlock . -}}
|
||||
<div data-codeblock itemscope itemtype="https://schema.org/SoftwareSourceCode" {{ range $k, $v := .Attributes }}{{ printf " %s=%q" $k $v | safeHTMLAttr }}{{ end }}>
|
||||
<button data-codebutton class="codebutton" title="{{ i18n "copy_code" }}"><span>⧉</span></button>
|
||||
<meta itemprop="codeSampleType" content="snippet">
|
||||
<meta data-codetext itemprop="text" content="{{ .Inner | jsonify }}">
|
||||
{{ if .Type -}}
|
||||
<meta itemprop="programmingLanguage" content="{{ .Type }}">
|
||||
<pre tabindex="0" class="chroma">
|
||||
<code class="language-{{ .Type }}" data-lang="{{ .Type }}">{{ $result.Inner }}</code>
|
||||
</pre>
|
||||
{{ else -}}
|
||||
{{ $result.Wrapped }}
|
||||
{{ end -}}
|
||||
</div>
|
||||
Loading…
Reference in a new issue