mirror of
https://github.com/hugo-fixit/FixIt.git
synced 2026-08-24 15:28:57 +00:00
8af8e806d7
* refactor(assets): integrate UnoCSS for utility classes - Add UnoCSS with presetWind3 as pre-built CSS (assets/css/unocss.css) - Add uno.config.ts with theme breakpoints, colors, safelist, and blocklist - Replace SCSS utility classes with UnoCSS atomic classes: - d-none → hidden - d-none-desktop → sm:hidden - d-none-mobile → max-sm:hidden - order-* (safelist) - variant-numeric → tabular-nums lining-nums - Rename .blur to .is-blur to avoid UnoCSS conflict - Add @unocss-skip comments for SVG path elements to prevent false positives - Remove redundant _utilities.scss ($orders map) and simplify _common.scss - Update documentation (CLAUDE.md, CONTRIBUTING.md, copilot-instructions.md) * refactor(assets): replace 404/offline SCSS with UnoCSS atomic classes - Replace _404.scss styles with atomic classes on template elements - Replace _offline.scss styles with atomic classes on template elements - Keep selectors (id/class) as user customization hooks - Delete assets/scss/pages/_404.scss and _offline.scss * refactor(assets): simplify SCSS with UnoCSS atomic classes - Replace _bilibili.scss with atomic classes (relative, aspect-video, inset-0) - Replace _version.scss with atomic classes (whitespace-nowrap, align-text-bottom) - Replace _noscript-warning.scss with atomic classes (bg-danger, fixed, z-200) - Add semantic z-index shortcuts (z-hide, z-auto, z-base, z-loading, z-sticky, z-fixed) - Add h1-h6 to UnoCSS blocklist to prevent false positives - Use Source path for UnoCSS CSS loading to enable Hugo minify * chore(assets): minor SCSS and template cleanup * fix(assets): add secondary color to UnoCSS theme config text-secondary was broken because the secondary color mapping was missing. * feat(assets): add UnoCSS presetIcons support and z-index shortcuts - Add presetIcons preset with empty collections (ready for custom icon sets) - Add @iconify/json and @iconify/utils devDependencies - Add semantic z-index shortcuts (z-hide, z-auto, z-base, z-loading, z-sticky, z-fixed) - Add secondary color to UnoCSS theme config * refactor(assets): replace SVG icons with UnoCSS presetIcons - Add Lucide and Octicons icon collections to presetIcons config - Replace arrow-up/down and enter-key SVGs with Lucide icons - Replace alert icons (info, light-bulb, report, alert, stop) with Octicons - Delete replaced SVG files from assets/images/icons/ - Keep custom SVGs (csdn, plume, rootme) * refactor(layouts): redesign 404 and offline pages with UnoCSS - Replace translate-y-[30vh] with self-stretch flex centering below header - Remove arbitrary values (text-[3.6rem], text-[1.8rem], etc.) - Restore @page print styles in _common.scss - Simplify offline page layout (icon + title + text) - Fix hardcoded #57606a → text-secondary
101 lines
4.7 KiB
HTML
101 lines
4.7 KiB
HTML
{{- /* Read the config and format */ -}}
|
|
{{- $params := .Page.Params | merge site.Params.page -}}
|
|
{{- /* Toc data patch */ -}}
|
|
{{- $toc := $params.toc -}}
|
|
{{- if not (reflect.IsMap $toc) -}}
|
|
{{- $toc = dict "enable" $toc | merge site.Params.page.toc -}}
|
|
{{- end -}}
|
|
{{- $headingConfig := $params.heading -}}
|
|
{{- /* Only enable in main section pages */ -}}
|
|
{{- $intersect := (slice .Page.Section .Page.Type) | intersect site.MainSections -}}
|
|
{{- $onlyMainSection := cond $headingConfig.number.onlyMainSection ((gt (len $intersect) 0) | and (eq .Page.Kind "page")) true -}}
|
|
{{- $ordered := $toc.ordered | and $headingConfig.number.enable | and $onlyMainSection -}}
|
|
{{- $h1Format := $headingConfig.number.format.h1 | default "{title}" -}}
|
|
{{- $h2Format := $headingConfig.number.format.h2 | default "{h2} {title}" -}}
|
|
{{- $h3Format := $headingConfig.number.format.h3 | default "{h2}.{h3} {title}" -}}
|
|
{{- $h4Format := $headingConfig.number.format.h4 | default "{h2}.{h3}.{h4} {title}" -}}
|
|
{{- $h5Format := $headingConfig.number.format.h5 | default "{h2}.{h3}.{h4}.{h5} {title}" -}}
|
|
{{- $h6Format := $headingConfig.number.format.h6 | default "{h2}.{h3}.{h4}.{h5}.{h6} {title}" -}}
|
|
{{- $level := .Level -}}
|
|
{{- $maxMarkupLevel := cond $toc.decreaseH1 2 1 -}}
|
|
|
|
{{- /* Disable ordered headings on home page */ -}}
|
|
{{- if eq hugo.Context.MarkupScope "home" -}}
|
|
{{- $ordered = false -}}
|
|
{{- /* Decrease the level to match the correct HTML level */ -}}
|
|
{{- $level = add $level 1 -}}
|
|
{{- $maxMarkupLevel = 3 -}}
|
|
{{- end -}}
|
|
|
|
{{- if $ordered -}}
|
|
{{- /* Set the count for child level to 0 */ -}}
|
|
{{- .Page.Store.SetInMap "heading-counter" (string (add $level 1)) 0 -}}
|
|
{{- end -}}
|
|
|
|
{{- $attrs := "" }}
|
|
{{- range $key, $value := .Attributes }}
|
|
{{- $attrs = printf "%s %s=%q" $attrs $key $value }}
|
|
{{- end }}
|
|
|
|
{{- with .Attributes.class }}
|
|
{{- $attrs = replace $attrs . (printf "heading-element %s" .) }}
|
|
{{- else }}
|
|
{{- $attrs = printf "class=%q %s" "heading-element" $attrs }}
|
|
{{- end }}
|
|
{{- $attrs = partial "function/trim.html" $attrs -}}
|
|
|
|
{{- /* Force decrease the markup level to avoid multiple h1 */ -}}
|
|
{{- $decreased := gt $maxMarkupLevel $level -}}
|
|
{{- $markupLevel := cond $decreased $maxMarkupLevel $level -}}
|
|
<h{{ $markupLevel }} {{ $attrs | safeHTMLAttr }}{{ with $decreased }} data-decreased{{ end }}>
|
|
{{- $title := .Text -}}
|
|
{{- if $ordered -}}
|
|
{{- /* Add 1 to the current level */ -}}
|
|
{{- $headingMap := .Page.Store.Get "heading-counter" -}}
|
|
{{- $count := (string $level) | index $headingMap | int | add 1 -}}
|
|
{{- .Page.Store.SetInMap "heading-counter" (string $level) $count -}}
|
|
|
|
{{- /* Get the counters for all levels */ -}}
|
|
{{- $h1 := "1" | index $headingMap | int | string -}}
|
|
{{- $h2 := "2" | index $headingMap | int | string -}}
|
|
{{- $h3 := "3" | index $headingMap | int | string -}}
|
|
{{- $h4 := "4" | index $headingMap | int | string -}}
|
|
{{- $h5 := "5" | index $headingMap | int | string -}}
|
|
{{- $h6 := "6" | index $headingMap | int | string -}}
|
|
|
|
{{- /* Apply the level based on the format */ -}}
|
|
{{- $title = "" -}}
|
|
{{- if $level | eq 1 -}}
|
|
{{- $title = $h1Format -}}
|
|
{{- else if $level | eq 2 -}}
|
|
{{- $title = $h2Format -}}
|
|
{{- else if $level | eq 3 -}}
|
|
{{- $title = $h3Format -}}
|
|
{{- else if $level | eq 4 -}}
|
|
{{- $title = $h4Format -}}
|
|
{{- else if $level | eq 5 -}}
|
|
{{- $title = $h5Format -}}
|
|
{{- else if $level | eq 6 -}}
|
|
{{- $title = $h6Format -}}
|
|
{{- end -}}
|
|
|
|
{{- $title = replace $title "{h1}" $h1 -}}
|
|
{{- $title = replace $title "{h2}" $h2 -}}
|
|
{{- $title = replace $title "{h3}" $h3 -}}
|
|
{{- $title = replace $title "{h4}" $h4 -}}
|
|
{{- $title = replace $title "{h5}" $h5 -}}
|
|
{{- $title = replace $title "{h6}" $h6 -}}
|
|
{{- $title = replace $title "{title}" .Text -}}
|
|
{{- end -}}
|
|
{{- if $headingConfig.capitalize -}}
|
|
{{- $title = replace $title .PlainText (title .PlainText) -}}
|
|
{{- end -}}
|
|
<span>{{ $title | safeHTML }}</span>
|
|
<a href="#{{ .Anchor | safeURL }}" class="heading-mark">
|
|
{{- /* @unocss-skip-start */ -}}
|
|
<svg class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg>
|
|
{{- /* @unocss-skip-end */ -}}
|
|
</a>
|
|
</h{{ $markupLevel }}>
|
|
{{- /* EOF */ -}}
|