Fix syntax highlighting / code
This commit is contained in:
parent
d6692526d5
commit
7750943b43
16
config.toml
16
config.toml
|
@ -10,11 +10,9 @@ paginate = 99999
|
||||||
canonifyurls = true
|
canonifyurls = true
|
||||||
|
|
||||||
# pygmentsstyle = "solarized-dark256"
|
# pygmentsstyle = "solarized-dark256"
|
||||||
pygmentsstyle = "monokai"
|
# pygmentscodefences = true
|
||||||
pygmentscodefences = true
|
# pygmentscodefencesguesssyntax = true
|
||||||
pygmentscodefencesguesssyntax = true
|
|
||||||
|
|
||||||
googleAnalytics = "UA-60089-16"
|
|
||||||
disqusShortname = ""
|
disqusShortname = ""
|
||||||
|
|
||||||
enableGitInfo = true
|
enableGitInfo = true
|
||||||
|
@ -27,6 +25,16 @@ enableGitInfo = true
|
||||||
[markup.goldmark.renderer]
|
[markup.goldmark.renderer]
|
||||||
unsafe = true
|
unsafe = true
|
||||||
|
|
||||||
|
[markup.highlight]
|
||||||
|
codeFences = true
|
||||||
|
guessSyntax = true
|
||||||
|
lineNoStart = 1
|
||||||
|
lineNos = true
|
||||||
|
lineNumbersInTable = false
|
||||||
|
noClasses = true
|
||||||
|
style = "dracula"
|
||||||
|
|
||||||
|
|
||||||
[params]
|
[params]
|
||||||
author = "Ariejan de Vroom"
|
author = "Ariejan de Vroom"
|
||||||
info = "Family man, software engineer, bass guitar player, DIY car mechanic, among many other things"
|
info = "Family man, software engineer, bass guitar player, DIY car mechanic, among many other things"
|
||||||
|
|
|
@ -1,11 +1,11 @@
|
||||||
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');
|
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');
|
||||||
|
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');
|
||||||
$h1_font_size: 2.0rem;
|
$h1_font_size: 2.0rem;
|
||||||
$h2_font_size: 1.7rem;
|
$h2_font_size: 1.7rem;
|
||||||
$header_size: 1.2rem;
|
$header_size: 1.2rem;
|
||||||
|
|
||||||
$font_size: 16px;
|
$font_size: 16px;
|
||||||
$code_font_size: 16px;
|
$code_font_size: 14px;
|
||||||
$code_line_height: 17px;
|
$code_line_height: 17px;
|
||||||
$line-height: 1.6;
|
$line-height: 1.6;
|
||||||
|
|
||||||
|
@ -21,9 +21,9 @@ $header: $text;
|
||||||
$highlight: $links;
|
$highlight: $links;
|
||||||
$blockquote_border: $accent;
|
$blockquote_border: $accent;
|
||||||
$important_border: #f00;
|
$important_border: #f00;
|
||||||
$code_background: $background;
|
$code_background: $text;
|
||||||
$code_border_color: $background;
|
$code_border_color: $text;
|
||||||
$code: #ff9327;
|
$code: $background;
|
||||||
$separator: darken(desaturate($accent, 20%), 20%);
|
$separator: darken(desaturate($accent, 20%), 20%);
|
||||||
|
|
||||||
html, body {
|
html, body {
|
||||||
|
@ -36,7 +36,10 @@ html, body {
|
||||||
}
|
}
|
||||||
|
|
||||||
code, pre {
|
code, pre {
|
||||||
font-family: monospace;
|
font-family: "Roboto Mono", monospace;
|
||||||
|
font-optical-sizing: auto;
|
||||||
|
font-weight: 600;
|
||||||
|
font-style: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.important {
|
.important {
|
||||||
|
@ -219,18 +222,15 @@ small {
|
||||||
color: $footer;
|
color: $footer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.meta {
|
|
||||||
color: $meta;
|
|
||||||
font-weight: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
code {
|
code {
|
||||||
color: $code;
|
color: $text;
|
||||||
|
background-color: $backdrop;
|
||||||
|
padding: 1px 4px 3px;
|
||||||
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
pre, code {
|
pre, code {
|
||||||
font-family: 'IBM Plex Mono', monospace;
|
|
||||||
font-size: $code_font_size;
|
font-size: $code_font_size;
|
||||||
line-height: $code_line_height;
|
line-height: $code_line_height;
|
||||||
}
|
}
|
||||||
|
@ -238,17 +238,19 @@ pre, code {
|
||||||
pre > code {
|
pre > code {
|
||||||
overflow-wrap: normal;
|
overflow-wrap: normal;
|
||||||
white-space: pre;
|
white-space: pre;
|
||||||
|
padding: 0;
|
||||||
color: $text;
|
color: $text;
|
||||||
background-color: $background !important;
|
background-color: $backdrop !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
pre {
|
pre {
|
||||||
background-color: $code_background !important;
|
background-color: $backdrop !important;
|
||||||
padding: 1rem 1rem 1rem 2.5rem;
|
padding: 12px;
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
overflow-y: hidden;
|
overflow-y: hidden;
|
||||||
line-height: $line-height;
|
line-height: $line-height;
|
||||||
border: 2px solid $code_border_color;
|
border: 2px solid $accent;
|
||||||
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
table td, table th {
|
table td, table th {
|
||||||
|
@ -367,6 +369,10 @@ article.full {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.listing > h1 {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
a.tag {
|
a.tag {
|
||||||
background-color: $accent;
|
background-color: $accent;
|
||||||
color: $text;
|
color: $text;
|
||||||
|
|
|
@ -1,16 +1,20 @@
|
||||||
<section class="container list">
|
<div class="listing">
|
||||||
<h1 class="title">
|
<h1>{{- .Title -}}</h1>
|
||||||
{{- if eq .Kind "taxonomy" -}}
|
</div>
|
||||||
{{- i18n .Data.Singular | title -}}
|
|
||||||
{{- print "Tagged " -}}
|
|
||||||
{{- end -}}
|
|
||||||
|
|
||||||
{{- .Title -}}
|
<div class="narrow">
|
||||||
</h1>
|
{{ range .Paginator.Pages.GroupByDate "2006" }}
|
||||||
<ul>
|
<h2 class="year">{{ .Key }}</h2>
|
||||||
{{ range .Paginator.Pages }}
|
|
||||||
<li>{{ .Title }}<br/><a href="{{ .Params.ExternalLink | default .RelPermalink }}">{{ .Params.ExternalLink | default .RelPermalink }}</a></li>
|
<div class="post-feed">
|
||||||
|
{{ range .Pages }}
|
||||||
|
<article class="post">
|
||||||
|
<div class="calendar">{{ time.Format "02 Jan" .Date }}</div>
|
||||||
|
<h2 class="title">{{ .Title }}</h2>
|
||||||
|
<div class="actions">{{ .ReadingTime }} min read »</div>
|
||||||
|
<a class="permalink" href="{{ .Params.ExternalLink | default .RelPermalink }}"></a>
|
||||||
|
</article>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</ul>
|
</div>
|
||||||
|
{{ end }}
|
||||||
</section>
|
</div>
|
Loading…
Reference in New Issue
Block a user