-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
24 lines (20 loc) · 5.03 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<title>Shiki</title>
<link rel="stylesheet" href="style.css">
<pre class="shiki" style="background-color: #2e3440"><code><span style="color: #81A1C1">const</span><span style="color: #D8DEE9FF"> </span><span style="color: #D8DEE9">fs</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">require</span><span style="color: #D8DEE9FF">(</span><span style="color: #ECEFF4">'</span><span style="color: #A3BE8C">fs</span><span style="color: #ECEFF4">'</span><span style="color: #D8DEE9FF">)</span>
<span style="color: #81A1C1">const</span><span style="color: #D8DEE9FF"> </span><span style="color: #D8DEE9">shiki</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">require</span><span style="color: #D8DEE9FF">(</span><span style="color: #ECEFF4">'</span><span style="color: #A3BE8C">shiki</span><span style="color: #ECEFF4">'</span><span style="color: #D8DEE9FF">)</span>
<span style="color: #D8DEE9">shiki</span>
<span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">.</span><span style="color: #88C0D0">getHighlighter</span><span style="color: #D8DEE9FF">(</span><span style="color: #ECEFF4">{</span>
<span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">theme</span><span style="color: #ECEFF4">:</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">'</span><span style="color: #A3BE8C">nord</span><span style="color: #ECEFF4">'</span>
<span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">}</span><span style="color: #D8DEE9FF">)</span>
<span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">.</span><span style="color: #88C0D0">then</span><span style="color: #D8DEE9FF">(</span><span style="color: #ECEFF4">(</span><span style="color: #D8DEE9">highlighter</span><span style="color: #ECEFF4">)</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=></span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">{</span>
<span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">const</span><span style="color: #D8DEE9FF"> </span><span style="color: #D8DEE9">html</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #D8DEE9">highlighter</span><span style="color: #ECEFF4">.</span><span style="color: #88C0D0">codeToHtml</span><span style="color: #D8DEE9FF">(</span>
<span style="color: #D8DEE9FF"> </span><span style="color: #D8DEE9">fs</span><span style="color: #ECEFF4">.</span><span style="color: #88C0D0">readFileSync</span><span style="color: #D8DEE9FF">(</span><span style="color: #ECEFF4">'</span><span style="color: #A3BE8C">index.js</span><span style="color: #ECEFF4">'</span><span style="color: #ECEFF4">,</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">'</span><span style="color: #A3BE8C">utf-8</span><span style="color: #ECEFF4">'</span><span style="color: #D8DEE9FF">)</span><span style="color: #ECEFF4">,</span>
<span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">'</span><span style="color: #A3BE8C">javascript</span><span style="color: #ECEFF4">'</span>
<span style="color: #D8DEE9FF"> )</span>
<span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">const</span><span style="color: #D8DEE9FF"> </span><span style="color: #D8DEE9">out</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">`</span>
<span style="color: #A3BE8C"><title>Shiki</title></span>
<span style="color: #A3BE8C"><link rel="stylesheet" href="style.css"></span>
<span style="color: #81A1C1">${</span><span style="color: #D8DEE9">html</span><span style="color: #81A1C1">}</span><span style="color: #ECEFF4">`</span>
<span style="color: #D8DEE9FF"> </span><span style="color: #D8DEE9">fs</span><span style="color: #ECEFF4">.</span><span style="color: #88C0D0">writeFileSync</span><span style="color: #D8DEE9FF">(</span><span style="color: #ECEFF4">'</span><span style="color: #A3BE8C">index.html</span><span style="color: #ECEFF4">'</span><span style="color: #ECEFF4">,</span><span style="color: #D8DEE9FF"> </span><span style="color: #D8DEE9">out</span><span style="color: #ECEFF4">.</span><span style="color: #88C0D0">trim</span><span style="color: #D8DEE9FF">())</span>
<span style="color: #D8DEE9FF"> </span><span style="color: #D8DEE9">console</span><span style="color: #ECEFF4">.</span><span style="color: #88C0D0">log</span><span style="color: #D8DEE9FF">(</span><span style="color: #ECEFF4">'</span><span style="color: #A3BE8C">done highlighting index.js</span><span style="color: #ECEFF4">'</span><span style="color: #D8DEE9FF">)</span>
<span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">}</span><span style="color: #D8DEE9FF">)</span></code></pre>