N0VA/kewt
1
1
Fork 0
Code Issues Pull Requests Actions Releases 13 Activity

feat: new default style and more
All checks were successful
Lint / shellcheck (push) Successful in 20s
Details

Browse Source
This commit is contained in:
N0\A
2026-03-19 15:35:14 +01:00
parent d8cf07ee2a
commit b7382a20ab
6 changed files with 156 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
awk/fenced_code.awk
View File

@@ -1,11 +1,20 @@
BEGIN { in_fence = 0; first_line = 0 } BEGIN { in_fence = 0; first_line = 0; code_tag = "<code>" }
{ {
if (!in_fence && $0 ~ /^```/) { if (!in_fence && $0 ~ /^```/) {
in_fence = 1 in_fence = 1
first_line = 1 first_line = 1
lang = $0
sub(/^```[[:space:]]*/, "", lang)
sub(/[[:space:]]*$/, "", lang)
if (lang != "") {
code_tag = "<code class=\"language-" lang "\">"
} else {
code_tag = "<code>"
}
next next
} }
if (in_fence && $0 ~ /^```[[:space:]]*$/) { if (in_fence && $0 ~ /^```[[:space:]]*$/) {
if (first_line) printf "%s", "<pre>" code_tag
print "</code></pre>" print "</code></pre>"
in_fence = 0 in_fence = 0
next next
@@ -14,8 +23,12 @@ BEGIN { in_fence = 0; first_line = 0 }
gsub(/&/, "\\&amp;"); gsub(/</, "\\&lt;"); gsub(/>/, "\\&gt;") gsub(/&/, "\\&amp;"); gsub(/</, "\\&lt;"); gsub(/>/, "\\&gt;")
if (first_line) { if (first_line) {
first_line = 0 first_line = 0
if ($0 == "") next printf "%s", "<pre>" code_tag
print "<pre><code>" $0 if ($0 == "") {
print ""
next
}
print $0
} else { } else {
print print
} }
@@ -24,5 +37,8 @@ BEGIN { in_fence = 0; first_line = 0 }
} }
} }
END { END {
if (in_fence) print "</code></pre>" if (in_fence) {
if (first_line) printf "%s", "<pre>" code_tag
print "</code></pre>"
}
} }

25
awk/indented_code.awk
View File

@@ -1,9 +1,20 @@
BEGIN { in_code = 0 } BEGIN { in_code = 0; in_html_pre = 0 }
/^ | / { {
if (!in_code) { print "<pre><code>"; in_code = 1 } if ($0 ~ /<pre>/) in_html_pre = 1
sub(/^ | /, "", $0) if ($0 ~ /<\/pre>/) { in_html_pre = 0; if (in_code) { print "</code></pre>"; in_code = 0 }; print; next }
gsub(/&/, "\\&amp;"); gsub(/</, "\\&lt;"); gsub(/>/, "\\&gt;")
print; next if (!in_html_pre && $0 ~ /^(\t| )/) {
if (!in_code) { printf "%s", "<pre><code>"; in_code = 1 }
sub(/^(\t| )/, "", $0)
gsub(/&/, "\\&amp;"); gsub(/</, "\\&lt;"); gsub(/>/, "\\&gt;")
print
next
}
if (in_code) {
print "</code></pre>"
in_code = 0
}
print
} }
{ if (in_code) { print "</code></pre>"; in_code = 0 } print }
END { if (in_code) print "</code></pre>" } END { if (in_code) print "</code></pre>" }

14
awk/render_template.awk
View File

@@ -1,9 +1,17 @@
function replace_all(text, token, value, pos, token_len) { function replace_all(text, token, value, pos, token_len, res) {
token_len = length(token) token_len = length(token)
res = ""
while ((pos = index(text, token)) > 0) { while ((pos = index(text, token)) > 0) {
text = substr(text, 1, pos - 1) value substr(text, pos + token_len) res = res substr(text, 1, pos - 1) value
text = substr(text, pos + token_len)
}
return res text
}
BEGIN {
if (current_url != "") {
nav = replace_all(nav, "href=\"" current_url "\"", "href=\"" current_url "\" class=\"current-page\"")
} }
return text
} }
{ {

23
kewt.sh
View File

@@ -69,6 +69,7 @@ EOF
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>{{TITLE}}</title> <title>{{TITLE}}</title>
<link rel="stylesheet" href="{{CSS}}" type="text/css" /> <link rel="stylesheet" href="{{CSS}}" type="text/css" />
@@ -207,6 +208,7 @@ CONFEOF
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>{{TITLE}}</title> <title>{{TITLE}}</title>
<link rel="stylesheet" href="{{CSS}}" type="text/css" /> <link rel="stylesheet" href="{{CSS}}" type="text/css" />
@@ -623,6 +625,15 @@ copy_style_with_resolved_vars() {
render_markdown() { render_markdown() {
file="$1" file="$1"
is_home="$2" is_home="$2"
url_override="$3"
if [ -n "$url_override" ]; then
current_url="$url_override"
else
rel_path="${file#"$src"}"
rel_path="${rel_path#/}"
current_url="/${rel_path%.md}.html"
fi
content_file="$file" content_file="$file"
if [ -n "$posts_dir" ] && [ "$file" != "$src/$posts_dir/index.md" ]; then if [ -n "$posts_dir" ] && [ "$file" != "$src/$posts_dir/index.md" ]; then
@@ -704,7 +715,7 @@ render_markdown() {
fi fi
fi fi
ENABLE_HEADER_LINKS="$enable_header_links" MARKDOWN_SITE_ROOT="$src" MARKDOWN_FALLBACK_FILE="$script_dir/styles/$style.css" sh "$script_dir/markdown.sh" "$content_file" | awk -v title="$page_title" -v nav="$nav" -v footer="$footer" -v style_path="${style_path}${asset_version}" -v header_brand="$header_brand" -v head_extra="$head_extra" -f "$awk_dir/render_template.awk" "$local_template" ENABLE_HEADER_LINKS="$enable_header_links" MARKDOWN_SITE_ROOT="$src" MARKDOWN_FALLBACK_FILE="$script_dir/styles/$style.css" sh "$script_dir/markdown.sh" "$content_file" | awk -v current_url="$current_url" -v title="$page_title" -v nav="$nav" -v footer="$footer" -v style_path="${style_path}${asset_version}" -v header_brand="$header_brand" -v head_extra="$head_extra" -f "$awk_dir/render_template.awk" "$local_template"
} }
echo "Building site from '$src' to '$out'..." echo "Building site from '$src' to '$out'..."
@@ -734,7 +745,9 @@ eval "find \"$src\" \( $IGNORE_ARGS \) -prune -o -type d -print" | sort | while
if [ "$md_count" -eq 1 ]; then if [ "$md_count" -eq 1 ]; then
md_file=$(find "$dir" ! -name "$(basename "$dir")" -prune -name "*.md") md_file=$(find "$dir" ! -name "$(basename "$dir")" -prune -name "*.md")
is_home="false"; [ "$dir" = "$src" ] && is_home="true" is_home="false"; [ "$dir" = "$src" ] && is_home="true"
render_markdown "$md_file" "$is_home" > "$out_dir/index.html" target_url="/$rel_dir/index.html"
[ "$rel_dir" = "." ] && target_url="/index.html"
render_markdown "$md_file" "$is_home" "$target_url" > "$out_dir/index.html"
continue continue
fi fi
fi fi
@@ -792,7 +805,9 @@ eval "find \"$src\" \( $IGNORE_ARGS \) -prune -o -type d -print" | sort | while
fi fi
done done
is_home="false"; [ "$dir" = "$src" ] && is_home="true" is_home="false"; [ "$dir" = "$src" ] && is_home="true"
render_markdown "$temp_index" "$is_home" > "$out_dir/index.html" target_url="/$rel_dir/index.html"
[ "$rel_dir" = "." ] && target_url="/index.html"
render_markdown "$temp_index" "$is_home" "$target_url" > "$out_dir/index.html"
rm "$temp_index" rm "$temp_index"
fi fi
done done
@@ -840,7 +855,7 @@ if [ -n "$error_page" ] && [ ! -f "$out/$error_page" ]; then
echo "# 404 - Not Found" > "$temp_404" echo "# 404 - Not Found" > "$temp_404"
echo "" >> "$temp_404" echo "" >> "$temp_404"
echo "The requested page could not be found." >> "$temp_404" echo "The requested page could not be found." >> "$temp_404"
render_markdown "$temp_404" > "$out/$error_page" render_markdown "$temp_404" "false" "/$error_page" > "$out/$error_page"
rm -f "$temp_404" rm -f "$temp_404"
fi fi

8
site/index.md
View File

@@ -22,6 +22,11 @@ It's meant to be a static site generator, like _[kew](https://github.com/uint23/
- Admonition support (that's what the blocks like the warning block below are called) - Admonition support (that's what the blocks like the warning block below are called)
- RSS/Feed generation and Sitemap support - RSS/Feed generation and Sitemap support
- Post creation via `--post` - Post creation via `--post`
- Automatic 404 page generation
- `?v=n` support for cache busting
- Code block classes for use with external libraries like highlight.js or prism.js (both tested)
- Clickable markdown header anchors
- Mobile responsive layout
If you want to **force** a file to be inlined, use `\!![]` instead of `\![]` If you want to **force** a file to be inlined, use `\!![]` instead of `\![]`
@@ -43,6 +48,7 @@ On Arch Linux, _kewt_ is available on the AUR:
```sh ```sh
./kewt.sh --help ./kewt.sh --help
./kewt.sh --version
./kewt.sh --new [title] ./kewt.sh --new [title]
./kewt.sh --post ./kewt.sh --post
./kewt.sh --from <src> --to <out> ./kewt.sh --from <src> --to <out>
@@ -79,6 +85,7 @@ base_url = ""
generate_feed = false generate_feed = false
feed_file = "rss.xml" feed_file = "rss.xml"
posts_dir = "" posts_dir = ""
enable_header_links = true
``` ```
- `title` site title - `title` site title
@@ -104,6 +111,7 @@ posts_dir = ""
- `generate_feed` enable RSS feed generation (requires `base_url`) - `generate_feed` enable RSS feed generation (requires `base_url`)
- `feed_file` filename for the generated RSS feed (default: "rss.xml") - `feed_file` filename for the generated RSS feed (default: "rss.xml")
- `posts_dir` directory name containing posts (e.g., "posts"). Enables reverse-chronological sorting, title headings in indexes, and automatic backlinks. - `posts_dir` directory name containing posts (e.g., "posts"). Enables reverse-chronological sorting, title headings in indexes, and automatic backlinks.
- `enable_header_links` turns markdown section headings into clickable anchor links (default: true)
## Ignores ## Ignores

106
styles/kewt.css
View File

@@ -1,25 +1,28 @@
:root { :root {
--bg: #646c7f; --bg: #4a3b69;
--fg: #fffde0; --bg-deep: #352654;
--fg-link: #fff18f; --fg: #fbf5ff;
--code-bg: #32394a; --fg-muted: #c8b9df;
--code-border: #8f95a4; --fg-link: #dfaeff;
--code-fg: #fffde0; --fg-heading: #debfff;
--code-sel: #fff18f; --code-bg: #31234c;
--code-prop: #ffd27f; --code-border: #8060af;
--code-val: #cde7ff; --code-fg: #fbf5ff;
--code-var: #b9ffbe; --code-sel: #ffef99;
--code-com: #d0d0d0; --code-prop: #ffdfba;
--adm-note-bg: #3f5666; --code-val: #cae2ff;
--adm-note-border: #a8d8ff; --code-var: #caffc2;
--adm-tip-bg: #3f664c; --code-com: #b8aac8;
--adm-tip-border: #b9ffbe; --adm-note-bg: #353866;
--adm-important-bg: #5a4a6c; --adm-note-border: #b8c5ff;
--adm-important-border: #e4c7ff; --adm-tip-bg: #295246;
--adm-warning-bg: #6b5539; --adm-tip-border: #aeffda;
--adm-warning-border: #ffe0a8; --adm-important-bg: #533076;
--adm-caution-bg: #6f3f3f; --adm-important-border: #f4d9ff;
--adm-caution-border: #ffb4b4; --adm-warning-bg: #634631;
--adm-warning-border: #ffe2bd;
--adm-caution-bg: #662d43;
--adm-caution-border: #ffc4d5;
} }
body { body {
@@ -29,18 +32,22 @@ body {
color: var(--fg); color: var(--fg);
font-family: serif; font-family: serif;
font-size: 16px; font-size: 16px;
line-height: 1.2; line-height: 1.5;
} }
header { header {
padding: 20px; padding: 20px;
padding-bottom: 0;
border-bottom: 1px solid var(--code-border);
margin-bottom: 20px;
} }
header h1 { header h1 {
margin: 0; margin: 0;
font-size: 35px; font-size: 35px;
font-weight: normal; font-weight: bold;
font-style: italic; font-style: italic;
color: var(--fg-heading);
} }
.site-logo { .site-logo {
@@ -57,18 +64,26 @@ header a {
text-decoration: none; text-decoration: none;
} }
header a:hover {
color: var(--bg-deep);
background: var(--fg);
}
#side-bar { #side-bar {
position: absolute; position: absolute;
top: 80px; top: 80px;
left: 0; left: 0;
width: 200px; width: 200px;
padding-left: 20px; padding-left: 20px;
margin-right: 14px;
border-right: 1px solid var(--code-border);
padding-right: 7px;
} }
.side-title { .side-title {
font-size: 25px; font-size: 25px;
margin: 20px 0 8px 0; margin: 20px 0 8px 0;
color: var(--fg); color: var(--fg-heading);
} }
#side-bar ul { #side-bar ul {
@@ -87,6 +102,14 @@ a {
padding: 1px 2px; padding: 1px 2px;
} }
#side-bar a.current-page {
font-weight: bold;
color: var(--fg);
border-left: 3px solid var(--fg-link);
padding-left: 7px;
margin-left: -10px;
}
a:hover { a:hover {
background: var(--fg); background: var(--fg);
color: var(--bg); color: var(--bg);
@@ -100,7 +123,7 @@ article {
h3 { h3 {
margin-top: 30px; margin-top: 30px;
font-size: 25px; font-size: 25px;
color: var(--fg); color: var(--fg-heading);
font-weight: normal; font-weight: normal;
} }
@@ -197,10 +220,11 @@ pre code {
} }
footer { footer {
padding-top: 80px; padding-top: 60px;
font-style: italic; font-style: italic;
font-size: 17px; font-size: 17px;
margin-bottom: 20px; margin-bottom: 20px;
color: var(--fg-muted);
} }
article, article,
@@ -220,3 +244,33 @@ footer img {
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
} }
hr {
height: 0;
margin: 24px 0;
border: 0;
border-top: 1px solid var(--code-border);
}
@media screen and (max-width: 600px) {
#side-bar {
position: relative;
top: auto;
left: auto;
width: auto;
border-right: none;
border-bottom: 1px solid var(--code-border);
padding: 0 0 20px 0;
margin: 0 20px 20px 20px;
}
article {
margin: 0 20px 0 20px;
}
footer {
margin-left: 20px;
margin-right: 20px;
padding-top: 30px;
}
}