feat: line nrs
This commit is contained in:
parent
244d261374
commit
7fd5c307e0
6 changed files with 88 additions and 72 deletions
|
|
@ -7,17 +7,53 @@
|
|||
<link rel="stylesheet" href="/styles/common.css" />
|
||||
<link rel="stylesheet" href="/styles/index.css" />
|
||||
<link rel="icon" type="image/webp" href="/public/logo.webp" />
|
||||
|
||||
<!-- GitHub Light theme for Highlight.js -->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css"
|
||||
/>
|
||||
|
||||
<title>{{ filename }}</title>
|
||||
</head>
|
||||
<body class="graph-background">
|
||||
<site-header></site-header>
|
||||
<main class="main" style="flex-direction: column; align-items: center;">
|
||||
<h2 style="font-weight: normal; font-size: 3em; align-self: flex-start; margin-left: 40px;">{{ filename }}</h2>
|
||||
<div style="padding: 40px;">
|
||||
{{ highlighted_code|safe }}
|
||||
|
||||
<main class="main" style="flex-direction: column; align-items: center">
|
||||
<h2
|
||||
style="
|
||||
font-weight: normal;
|
||||
font-size: 3em;
|
||||
align-self: flex-start;
|
||||
margin-left: 40px;
|
||||
"
|
||||
>
|
||||
{{ filename }}
|
||||
</h2>
|
||||
|
||||
<div style="padding: 40px; width: 100%; max-width: 80ch">
|
||||
<pre
|
||||
class="line-numbers"
|
||||
><code class="language-{{ lang }}">{{ code | e }}</code></pre>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<site-footer></site-footer>
|
||||
|
||||
<script src="/scripts/common.js"></script>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdnjs.cloudflare.com/ajax/libs/highlightjs-line-numbers.js/2.8.0/styles/line-numbers.min.css"
|
||||
/>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlightjs-line-numbers.js/2.8.0/highlightjs-line-numbers.min.js"></script>
|
||||
<script>
|
||||
hljs.highlightAll();
|
||||
hljs.initLineNumbersOnLoad();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue