diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css index 3bd55065..448028a0 100644 --- a/assets/css/compiled/main.css +++ b/assets/css/compiled/main.css @@ -13,10 +13,8 @@ --container-2xs: 18rem; --container-md: 28rem; --container-xl: 36rem; - --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; - --container-5xl: 64rem; --container-7xl: 80rem; --text-xs: 0.75rem; --text-xs--line-height: calc(1 / 0.75); @@ -911,6 +909,205 @@ text-decoration-color: rgba(var(--color-primary-600), 1); } } + .prose-lg { + font-size: 1.125rem; + line-height: 1.7777778; + :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + margin-top: 1.3333333em; + margin-bottom: 1.3333333em; + } + :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + font-size: 1.2222222em; + line-height: 1.4545455; + margin-top: 1.0909091em; + margin-bottom: 1.0909091em; + } + :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + margin-top: 1.6666667em; + margin-bottom: 1.6666667em; + padding-inline-start: 1em; + } + :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + font-size: 2.6666667em; + margin-top: 0; + margin-bottom: 0.8333333em; + line-height: 1; + } + :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + font-size: 1.6666667em; + margin-top: 1.8666667em; + margin-bottom: 1.0666667em; + line-height: 1.3333333; + } + :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + font-size: 1.3333333em; + margin-top: 1.6666667em; + margin-bottom: 0.6666667em; + line-height: 1.5; + } + :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + margin-top: 1.7777778em; + margin-bottom: 0.4444444em; + line-height: 1.5555556; + } + :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + margin-top: 1.7777778em; + margin-bottom: 1.7777778em; + } + :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + margin-top: 1.7777778em; + margin-bottom: 1.7777778em; + } + :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + margin-top: 0; + margin-bottom: 0; + } + :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + margin-top: 1.7777778em; + margin-bottom: 1.7777778em; + } + :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + font-size: 0.8888889em; + border-radius: 0.3125rem; + padding-top: 0.2222222em; + padding-inline-end: 0.4444444em; + padding-bottom: 0.2222222em; + padding-inline-start: 0.4444444em; + } + :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + font-size: 0.8888889em; + } + :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + font-size: 0.8666667em; + } + :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + font-size: 0.875em; + } + :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + font-size: 0.8888889em; + line-height: 1.75; + margin-top: 2em; + margin-bottom: 2em; + border-radius: 0.375rem; + padding-top: 1em; + padding-inline-end: 1.5em; + padding-bottom: 1em; + padding-inline-start: 1.5em; + } + :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + margin-top: 1.3333333em; + margin-bottom: 1.3333333em; + padding-inline-start: 1.5555556em; + } + :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + margin-top: 1.3333333em; + margin-bottom: 1.3333333em; + padding-inline-start: 1.5555556em; + } + :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + margin-top: 0.6666667em; + margin-bottom: 0.6666667em; + } + :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + padding-inline-start: 0.4444444em; + } + :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + padding-inline-start: 0.4444444em; + } + :where(.prose-lg > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + margin-top: 0.8888889em; + margin-bottom: 0.8888889em; + } + :where(.prose-lg > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + margin-top: 1.3333333em; + } + :where(.prose-lg > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + margin-bottom: 1.3333333em; + } + :where(.prose-lg > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + margin-top: 1.3333333em; + } + :where(.prose-lg > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + margin-bottom: 1.3333333em; + } + :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + margin-top: 0.8888889em; + margin-bottom: 0.8888889em; + } + :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + margin-top: 1.3333333em; + margin-bottom: 1.3333333em; + } + :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + margin-top: 1.3333333em; + } + :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + margin-top: 0.6666667em; + padding-inline-start: 1.5555556em; + } + :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + margin-top: 3.1111111em; + margin-bottom: 3.1111111em; + } + :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + margin-top: 0; + } + :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + margin-top: 0; + } + :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + margin-top: 0; + } + :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + margin-top: 0; + } + :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + font-size: 0.8888889em; + line-height: 1.5; + } + :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + padding-inline-end: 0.75em; + padding-bottom: 0.75em; + padding-inline-start: 0.75em; + } + :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + padding-inline-start: 0; + } + :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + padding-inline-end: 0; + } + :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + padding-top: 0.75em; + padding-inline-end: 0.75em; + padding-bottom: 0.75em; + padding-inline-start: 0.75em; + } + :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + padding-inline-start: 0; + } + :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + padding-inline-end: 0; + } + :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + margin-top: 1.7777778em; + margin-bottom: 1.7777778em; + } + :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + margin-top: 0; + margin-bottom: 0; + } + :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + font-size: 0.8888889em; + line-height: 1.5; + margin-top: 1em; + } + :where(.prose-lg > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + margin-top: 0; + } + :where(.prose-lg > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { + margin-bottom: 0; + } + } .\!mt-0 { margin-top: 0px !important; } @@ -944,18 +1141,12 @@ .mt-8 { margin-top: calc(var(--spacing) * 8); } - .mt-9 { - margin-top: calc(var(--spacing) * 9); - } .mt-10 { margin-top: calc(var(--spacing) * 10); } .mt-12 { margin-top: calc(var(--spacing) * 12); } - .mt-14 { - margin-top: calc(var(--spacing) * 14); - } .mt-16 { margin-top: calc(var(--spacing) * 16); } @@ -1263,18 +1454,12 @@ .w-screen { width: 100vw; } - .max-w-2xl { - max-width: var(--container-2xl); - } .max-w-3xl { max-width: var(--container-3xl); } .max-w-4xl { max-width: var(--container-4xl); } - .max-w-5xl { - max-width: var(--container-5xl); - } .max-w-7xl { max-width: var(--container-7xl); } @@ -1616,10 +1801,6 @@ border-style: var(--tw-border-style); border-width: 2px; } - .border-y { - border-block-style: var(--tw-border-style); - border-block-width: 1px; - } .border-y-\[10px\] { border-block-style: var(--tw-border-style); border-block-width: 10px; @@ -1677,9 +1858,6 @@ .border-neutral-300 { border-color: rgba(var(--color-neutral-300), 1); } - .border-primary-200 { - border-color: rgba(var(--color-primary-200), 1); - } .border-primary-400 { border-color: rgba(var(--color-primary-400), 1); } @@ -1797,9 +1975,6 @@ background-color: color-mix(in oklab, rgba(var(--color-neutral), 1) 50%, transparent); } } - .bg-primary-50 { - background-color: rgba(var(--color-primary-50), 1); - } .bg-primary-100 { background-color: rgba(var(--color-primary-100), 1); } @@ -1818,18 +1993,12 @@ .bg-primary-600 { background-color: rgba(var(--color-primary-600), 1); } - .bg-secondary-100 { - background-color: rgba(var(--color-secondary-100), 1); - } .bg-transparent { background-color: transparent; } .bg-white { background-color: #fff; } - .bg-white\/70 { - background-color: color-mix(in oklab, #fff 70%, transparent); - } .bg-linear-60 { --tw-gradient-position: 60deg; @supports (background-image: linear-gradient(in lab, red, red)) { @@ -2050,8 +2219,8 @@ .pb-6 { padding-bottom: calc(var(--spacing) * 6); } - .pb-14 { - padding-bottom: calc(var(--spacing) * 14); + .pb-16 { + padding-bottom: calc(var(--spacing) * 16); } .pb-32 { padding-bottom: calc(var(--spacing) * 32); @@ -2140,10 +2309,6 @@ --tw-leading: calc(var(--spacing) * 7); line-height: calc(var(--spacing) * 7); } - .leading-8 { - --tw-leading: calc(var(--spacing) * 8); - line-height: calc(var(--spacing) * 8); - } .leading-\[1\.6\] { --tw-leading: 1.6; line-height: 1.6; @@ -2195,9 +2360,6 @@ .text-balance { text-wrap: balance; } - .text-pretty { - text-wrap: pretty; - } .text-wrap { text-wrap: wrap; } @@ -2268,9 +2430,6 @@ .text-primary-800 { color: rgba(var(--color-primary-800), 1); } - .text-secondary-600 { - color: rgba(var(--color-secondary-600), 1); - } .text-secondary-700 { color: rgba(var(--color-secondary-700), 1); } @@ -2699,9 +2858,6 @@ .hover\:border-primary-400:hover { border-color: rgba(var(--color-primary-400), 1); } - .hover\:border-secondary-300:hover { - border-color: rgba(var(--color-secondary-300), 1); - } .hover\:border-transparent:hover { border-color: transparent; } @@ -2768,14 +2924,6 @@ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, rgba(var(--color-primary-500), 1) 10%, transparent) var(--tw-shadow-alpha), transparent); } } - .hover\:shadow-secondary-500\/10:hover { - --tw-shadow-color: color-mix(in srgb, rgba(rgba(var(--color-secondary-500), 1), 1) 10%, transparent); - } - @supports (color: color-mix(in lab, red, red)) { - .hover\:shadow-secondary-500\/10:hover { - --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, rgba(var(--color-secondary-500), 1) 10%, transparent) var(--tw-shadow-alpha), transparent); - } - } .hover\:outline-none:hover { --tw-outline-style: none; outline-style: none; @@ -2877,15 +3025,9 @@ .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } - .sm\:grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } .sm\:flex-row { flex-direction: row; } - .sm\:items-end { - align-items: flex-end; - } .sm\:overflow-hidden { overflow: hidden; } @@ -2904,8 +3046,11 @@ .sm\:pt-20 { padding-top: calc(var(--spacing) * 20); } - .sm\:pb-20 { - padding-bottom: calc(var(--spacing) * 20); + .sm\:pb-24 { + padding-bottom: calc(var(--spacing) * 24); + } + .sm\:text-center { + text-align: center; } .sm\:text-7xl { font-size: var(--text-7xl); @@ -2915,10 +3060,6 @@ font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } - .sm\:text-xl { - font-size: var(--text-xl); - line-height: var(--tw-leading, var(--text-xl--line-height)); - } .sm\:last\:me-0:last-child { margin-inline-end: 0px; } @@ -3132,9 +3273,6 @@ .dark\:border-primary-600:is(.dark *) { border-color: rgba(var(--color-primary-600), 1); } - .dark\:border-primary-900:is(.dark *) { - border-color: rgba(var(--color-primary-900), 1); - } .dark\:border-secondary-600:is(.dark *) { border-color: rgba(var(--color-secondary-600), 1); } @@ -3234,12 +3372,6 @@ background-color: color-mix(in oklab, rgba(var(--color-neutral-900), 1) 50%, transparent); } } - .dark\:bg-neutral-900\/70:is(.dark *) { - background-color: color-mix(in srgb, rgba(rgba(var(--color-neutral-900), 1), 1) 70%, transparent); - @supports (color: color-mix(in lab, red, red)) { - background-color: color-mix(in oklab, rgba(var(--color-neutral-900), 1) 70%, transparent); - } - } .dark\:bg-neutral-900\/99:is(.dark *) { background-color: color-mix(in srgb, rgba(rgba(var(--color-neutral-900), 1), 1) 99%, transparent); @supports (color: color-mix(in lab, red, red)) { @@ -3310,9 +3442,6 @@ .dark\:text-primary-200:is(.dark *) { color: rgba(var(--color-primary-200), 1); } - .dark\:text-primary-300:is(.dark *) { - color: rgba(var(--color-primary-300), 1); - } .dark\:text-primary-400:is(.dark *) { color: rgba(var(--color-primary-400), 1); } @@ -3339,9 +3468,6 @@ .dark\:hover\:border-primary-700:is(.dark *):hover { border-color: rgba(var(--color-primary-700), 1); } - .dark\:hover\:border-secondary-700:is(.dark *):hover { - border-color: rgba(var(--color-secondary-700), 1); - } .dark\:hover\:\!bg-primary-700:is(.dark *):hover { background-color: rgba(var(--color-primary-700), 1) !important; } diff --git a/exampleSite/config/_default/params.toml b/exampleSite/config/_default/params.toml index 167ebf02..14537673 100644 --- a/exampleSite/config/_default/params.toml +++ b/exampleSite/config/_default/params.toml @@ -50,9 +50,9 @@ fingerprintAlgorithm = "sha512" # Valid values are "sha512" (default), "sha384", showScrollToTop = true [homepage] - layout = "custom" # valid options: page, profile, hero, card, background, custom + layout = "landing" # valid options: page, profile, hero, card, background, landing, custom # homepageImage = "/img/iceland.jpg" # used in: hero, and card - showRecent = false + showRecent = true showRecentItems = 12 showMoreLink = true showMoreLinkDest = "docs" diff --git a/exampleSite/content/_index.md b/exampleSite/content/_index.md index e4861271..dc52c044 100755 --- a/exampleSite/content/_index.md +++ b/exampleSite/content/_index.md @@ -1,29 +1,29 @@ --- -title: "Welcome to Blowfish! :tada:" -description: "This page was built using the Blowfish theme for Hugo." +title: "Build a site that feels unmistakably yours." +description: "A modern, flexible Hugo theme for blogs, documentation, portfolios, and more." --- +{{< lead >}} +Blowfish gives you expressive layouts, thoughtful defaults, and practical content building blocks, so you can focus on the thing you want to say. +{{< /lead >}} -
- - {{< icon "triangle-exclamation" >}} - - - This is a demo of the background layout. - - -
+{{< cta url="/docs/installation/" label="Get started" >}} +  +{{< cta url="/docs/" label="Explore the docs" style="outline" >}} +{{< feature-grid >}} +{{< feature icon="list-check" title="Make it yours" url="/docs/configuration/" >}} +A coherent system of layouts, colours, typography, and content controls. +{{< /feature >}} +{{< feature icon="code" title="Compose faster" url="/docs/shortcodes/" label="Browse shortcodes" >}} +Useful components for richer stories, clearer documentation, and less custom glue. +{{< /feature >}} +{{< feature icon="heart" title="Made in the open" url="/users/" >}} +Explore real sites, community contributions, and patterns that hold up in production. +{{< /feature >}} +{{< /feature-grid >}} -```shell -npx blowfish-tools -``` - -{{< youtubeLite id="SgXhGb-7QbU" label="Blowfish-tools demo" >}} - +{{< alert "circle-info" >}} +This homepage uses Blowfish's built-in `landing` layout and standard shortcodes. No custom homepage template is required. +{{< /alert >}} diff --git a/exampleSite/content/docs/homepage-layout/index.md b/exampleSite/content/docs/homepage-layout/index.md index dd4c36c9..13177473 100644 --- a/exampleSite/content/docs/homepage-layout/index.md +++ b/exampleSite/content/docs/homepage-layout/index.md @@ -9,7 +9,7 @@ series: ["Documentation"] series_order: 5 --- -Blowfish provides a fully flexible homepage layout. There are two main templates to choose from with additional settings to adjust the design. Alternatively, you can also provide your own template and have complete control over the homepage content. +Blowfish provides flexible homepage layouts with settings to adjust each design. Alternatively, you can also provide your own template and have complete control over the homepage content. The layout of the homepage is controlled by the `homepage.layout` setting in the `params.toml` configuration file. Additionally, all layouts have the option to include a listing of [recent articles](#recent-articles). @@ -57,6 +57,12 @@ The card layout is an extension of the page layout. It provides the same level o To enable the Card layout, set `homepage.layout = "card"` and `homepage.homepageImage` in the `params.toml` configuration file. +## Landing layout + +The Landing layout is designed for product sites, documentation hubs, and personal sites that need a stronger opening statement. It gives homepage content a spacious, editorial hero treatment while still rendering standard Markdown and Blowfish shortcodes, so the full page stays portable and easy to maintain. + +To enable the Landing layout, set `homepage.layout = "landing"` in the `params.toml` configuration file. Use `content/_index.md` for the title, lead, calls to action, feature grids, and other content. + ## Custom layout @@ -68,7 +74,7 @@ With the configuration value set, create a new `custom.html` file and place it i To include [recent articles](#recent-articles) on the custom layout, use the `recent-articles/main.html` partial. -As an example, the [homepage]({{< ref "/" >}}) on this site uses the custom layout to allow toggling between the profile and page layouts. Visit the [GitHub repo](https://github.com/nunocoracao/blowfish/blob/main/exampleSite/layouts/partials/home/custom.html) to see how it works. +The included example site uses the built-in Landing layout and standard content shortcodes. Visit the [GitHub repo](https://github.com/nunocoracao/blowfish/tree/main/exampleSite) to see how it is configured. ## Recent articles diff --git a/exampleSite/content/docs/shortcodes/index.md b/exampleSite/content/docs/shortcodes/index.md index 0c64c569..a6d29962 100644 --- a/exampleSite/content/docs/shortcodes/index.md +++ b/exampleSite/content/docs/shortcodes/index.md @@ -936,7 +936,7 @@ The `tabs` shortcode is commonly used to present different variants of a particu | `default` | **Optional.** Label of the tab to be active by default. If not set, the first tab will be active. | | `label` | **Required.** The text label displayed on the tab button. | | `icon` | **Optional.** Icon name to display before the label. | -| `md` | **Optional.** Render tab content as Markdown (default `true`). Set `md=false` to allow nested shortcodes inside tab content. | +| `md` | **Optional.** Render tab content as Markdown (default `true`). Use `md=false` when the content is already HTML. | **Example 1: Basic Usage** @@ -963,7 +963,7 @@ The `tabs` shortcode is commonly used to present different variants of a particu ``` {{}} - {{}} + {{}} {{}}See [documentation](https://code.visualstudio.com/docs/setup/linux#_install-vs-code-on-linux).{{}} {{}} @@ -994,12 +994,38 @@ The `tabs` shortcode is commonly used to present different variants of a particu ``` {{< /tab >}} - {{< tab label="Linux" md=false >}} + {{< tab label="Linux" >}} {{< alert >}}See [documentation](https://code.visualstudio.com/docs/setup/linux#_install-vs-code-on-linux).{{< /alert >}} {{< /tab >}} {{< /tabs >}} +Nested shortcodes are supported with the default Markdown behaviour. For example, an accordion can live inside a tab without its generated HTML being rendered as Markdown a second time: + +`````md +{{}} +{{}} +{{}} +{{}} +- Responsive behaviour +- Accessible markup +{{}} +{{}} +{{}} +{{}} +````` + +{{< tabs >}} +{{< tab label="Details" >}} +{{< accordion mode="open" >}} +{{< accordionItem title="What is included?" >}} +- Responsive behaviour +- Accessible markup +{{< /accordionItem >}} +{{< /accordion >}} +{{< /tab >}} +{{< /tabs >}} + **Example 2: With Group, Default, and Icon** `````md diff --git a/exampleSite/content/samples/emoji/index.de.md b/exampleSite/content/samples/emoji/index.de.md index e9815e0a..5a0df583 100644 --- a/exampleSite/content/samples/emoji/index.de.md +++ b/exampleSite/content/samples/emoji/index.de.md @@ -17,4 +17,4 @@ Emoji-Ersetzungen erfolgen in Blowfish automatisch, sodass Sie Kurzcode in Ihren **Beispiel:** `see_no_evil` :see_no_evil:, `hear_no_evil` :hear_no_evil:, `speak_no_evil` :speak_no_evil:. -Der [Emoji-Spickzettel](http://www.emoji-cheat-sheet.com/) ist eine nützliche Referenz für Emoji-Kurzcodes. +Hugos [Emoji-Referenz](https://gohugo.io/quick-reference/emojis/) enthält unterstützte Emoji-Kurzcodes. diff --git a/exampleSite/content/samples/emoji/index.es.md b/exampleSite/content/samples/emoji/index.es.md index 9b117be9..d4b751a3 100644 --- a/exampleSite/content/samples/emoji/index.es.md +++ b/exampleSite/content/samples/emoji/index.es.md @@ -17,4 +17,4 @@ Los reemplazos de emoji son automáticos en Blowfish, por lo que puedes usar có **Ejemplo:** `see_no_evil` :see_no_evil:, `hear_no_evil` :hear_no_evil:, `speak_no_evil` :speak_no_evil:. -La [hoja de trucos de Emoji](http://www.emoji-cheat-sheet.com/) es una referencia útil para los códigos abreviados de emoji. +La [referencia de emoji de Hugo](https://gohugo.io/quick-reference/emojis/) contiene los códigos abreviados compatibles. diff --git a/exampleSite/content/samples/emoji/index.fr.md b/exampleSite/content/samples/emoji/index.fr.md index 341937f5..cdac932d 100644 --- a/exampleSite/content/samples/emoji/index.fr.md +++ b/exampleSite/content/samples/emoji/index.fr.md @@ -17,4 +17,4 @@ Les remplacements d'emoji sont automatiques dans Blowfish, vous pouvez donc util **Exemple :** `see_no_evil` :see_no_evil:, `hear_no_evil` :hear_no_evil:, `speak_no_evil` :speak_no_evil:. -L'[aide-mémoire Emoji](http://www.emoji-cheat-sheet.com/) est une référence utile pour les codes abrégés emoji. +La [référence emoji de Hugo](https://gohugo.io/quick-reference/emojis/) contient les codes abrégés pris en charge. diff --git a/exampleSite/content/samples/emoji/index.it.md b/exampleSite/content/samples/emoji/index.it.md index 2a27aa62..7264803c 100755 --- a/exampleSite/content/samples/emoji/index.it.md +++ b/exampleSite/content/samples/emoji/index.it.md @@ -17,4 +17,4 @@ Emoji replacements are automatic throughout Blowfish, so you can use shorthand c **Example:** `see_no_evil` :see_no_evil:, `hear_no_evil` :hear_no_evil:, `speak_no_evil` :speak_no_evil:. -The [Emoji cheat sheet](http://www.emoji-cheat-sheet.com/) is a useful reference for emoji shorthand codes. +Use Hugo's [emoji reference](https://gohugo.io/quick-reference/emojis/) for supported shorthand codes. diff --git a/exampleSite/content/samples/emoji/index.ja.md b/exampleSite/content/samples/emoji/index.ja.md index a8d91e72..261b9174 100755 --- a/exampleSite/content/samples/emoji/index.ja.md +++ b/exampleSite/content/samples/emoji/index.ja.md @@ -17,4 +17,4 @@ type: 'sample' **例:** `see_no_evil` :see_no_evil:, `hear_no_evil` :hear_no_evil:, `speak_no_evil` :speak_no_evil: -[絵文字チートシート](http://www.emoji-cheat-sheet.com/)は絵文字ショートハンドコードのための便利な参照ページです。 +対応する絵文字ショートハンドコードは、Hugo の[絵文字リファレンス](https://gohugo.io/quick-reference/emojis/)を参照してください。 diff --git a/exampleSite/content/samples/emoji/index.md b/exampleSite/content/samples/emoji/index.md index 2a27aa62..7264803c 100755 --- a/exampleSite/content/samples/emoji/index.md +++ b/exampleSite/content/samples/emoji/index.md @@ -17,4 +17,4 @@ Emoji replacements are automatic throughout Blowfish, so you can use shorthand c **Example:** `see_no_evil` :see_no_evil:, `hear_no_evil` :hear_no_evil:, `speak_no_evil` :speak_no_evil:. -The [Emoji cheat sheet](http://www.emoji-cheat-sheet.com/) is a useful reference for emoji shorthand codes. +Use Hugo's [emoji reference](https://gohugo.io/quick-reference/emojis/) for supported shorthand codes. diff --git a/exampleSite/content/samples/emoji/index.pt-br.md b/exampleSite/content/samples/emoji/index.pt-br.md index 213f8642..ce0c90da 100644 --- a/exampleSite/content/samples/emoji/index.pt-br.md +++ b/exampleSite/content/samples/emoji/index.pt-br.md @@ -17,4 +17,4 @@ As substituições de emoji são automáticas em todo o Blowfish, então você p **Exemplo:** `see_no_evil` :see_no_evil:, `hear_no_evil` :hear_no_evil:, `speak_no_evil` :speak_no_evil:. -A [folha de dicas de Emoji](http://www.emoji-cheat-sheet.com/) é uma referência útil para códigos abreviados de emoji. +Use a [referência de emojis do Hugo](https://gohugo.io/quick-reference/emojis/) para consultar os códigos abreviados compatíveis. diff --git a/exampleSite/content/samples/emoji/index.pt-pt.md b/exampleSite/content/samples/emoji/index.pt-pt.md index 376f69b1..1e0dbd0e 100644 --- a/exampleSite/content/samples/emoji/index.pt-pt.md +++ b/exampleSite/content/samples/emoji/index.pt-pt.md @@ -17,4 +17,4 @@ As substituições de emoji são automáticas em todo o Blowfish, pelo que pode **Exemplo:** `see_no_evil` :see_no_evil:, `hear_no_evil` :hear_no_evil:, `speak_no_evil` :speak_no_evil:. -A [folha de referência de Emoji](http://www.emoji-cheat-sheet.com/) é uma referência útil para códigos abreviados de emoji. +Consulte a [referência de emojis do Hugo](https://gohugo.io/quick-reference/emojis/) para os códigos abreviados suportados. diff --git a/exampleSite/content/samples/emoji/index.zh-cn.md b/exampleSite/content/samples/emoji/index.zh-cn.md index 0e0e6e37..05824bc2 100755 --- a/exampleSite/content/samples/emoji/index.zh-cn.md +++ b/exampleSite/content/samples/emoji/index.zh-cn.md @@ -17,4 +17,4 @@ Blowfish 会自动的进行表情符号渲染，因此您可以在内容和 fron **例如：** `see_no_evil` :see_no_evil:, `hear_no_evil` :hear_no_evil:, `speak_no_evil` :speak_no_evil:. -[Emoji 清单](http://www.emoji-cheat-sheet.com/) 可以很方便的查找 Emoji 对应的表情代码。 +请使用 Hugo 的 [Emoji 参考](https://gohugo.io/quick-reference/emojis/) 查阅受支持的简写代码。 diff --git a/exampleSite/layouts/partials/home/custom.html b/exampleSite/layouts/partials/home/custom.html index 19933bb2..3499f703 100644 --- a/exampleSite/layouts/partials/home/custom.html +++ b/exampleSite/layouts/partials/home/custom.html @@ -1,70 +1,32 @@ {{ $jsHome := resources.Get "js/home.js" | resources.Minify | resources.Fingerprint (.Site.Params.fingerprintAlgorithm | default "sha512") }} - -
- - -
-
-

- {{ partial "icon.html" "wand-magic-sparkles" }} - The modern Hugo theme toolkit -

-

- Build a site that feels unmistakably yours. -

-

- Blowfish combines expressive layouts, thoughtful defaults, and practical building blocks for blogs, docs, portfolios, and everything in between. -

-
- - Get started - {{ partial "icon.html" "link" }} - - - Explore the docs - {{ partial "icon.html" "file-lines" }} - -
-
- -
- - {{ partial "icon.html" "list-check" }} -

Make it yours

-

A coherent system of layouts, colours, typography, and content controls.

- - - {{ partial "icon.html" "code" }} -

Compose faster

-

Useful shortcodes for richer stories, clearer documentation, and less custom glue.

- - - {{ partial "icon.html" "heart" }} -

Made in the open

-

A growing collection of real sites, community contributions, and useful patterns.

- -
-
- -
-
-
-
-

Fresh from the reef

-

See the theme in motion.

-
- Browse all documentation {{ partial "icon.html" "link" }} -
- {{ partial "recent-articles-demo.html" . }} -
-
- -
- {{ partial "sponsors.html" . }} - {{ partial "contributors.html" . }} -
+
+ {{ partial "home/background.html" . }}
+ + + + +
+ {{ partial "sponsors.html" . }} +
- +
+ {{ partial "contributors.html" . }} +
+ +
+ {{ partial "recent-articles-demo.html" . }} +
+ diff --git a/layouts/partials/article-link/_shortcode.html b/layouts/partials/article-link/_shortcode.html index beb592b9..399c4709 100644 --- a/layouts/partials/article-link/_shortcode.html +++ b/layouts/partials/article-link/_shortcode.html @@ -76,7 +76,9 @@ {{ with $featured }} {{ $featuredURL = .RelPermalink }} {{ if not (or $disableImageOptimization (eq .MediaType.SubType "svg")) }} - {{ $featuredURL = (.Resize "600x").RelPermalink }} + {{ with try (.Resize "600x") }} + {{ with .Value }}{{ $featuredURL = .RelPermalink }}{{ end }} + {{ end }} {{ end }} {{ end }} {{ end }} diff --git a/layouts/partials/article-link/card-related.html b/layouts/partials/article-link/card-related.html index 8d0ff914..e60ee1ea 100644 --- a/layouts/partials/article-link/card-related.html +++ b/layouts/partials/article-link/card-related.html @@ -50,7 +50,9 @@ {{ with $featured }} {{ $featuredURL = .RelPermalink }} {{ if not (or $disableImageOptimization (eq .MediaType.SubType "svg")) }} - {{ $featuredURL = (.Resize "600x").RelPermalink }} + {{ with try (.Resize "600x") }} + {{ with .Value }}{{ $featuredURL = .RelPermalink }}{{ end }} + {{ end }} {{ end }} {{ end }} {{ end }} diff --git a/layouts/partials/article-link/card.html b/layouts/partials/article-link/card.html index 2f6a7fcf..7ace3271 100644 --- a/layouts/partials/article-link/card.html +++ b/layouts/partials/article-link/card.html @@ -53,7 +53,9 @@ {{ with $featured }} {{ $featuredURL = .RelPermalink }} {{ if not (or $disableImageOptimization (eq .MediaType.SubType "svg")) }} - {{ $featuredURL = (.Resize "600x").RelPermalink }} + {{ with try (.Resize "600x") }} + {{ with .Value }}{{ $featuredURL = .RelPermalink }}{{ end }} + {{ end }} {{ end }} {{ end }} {{ end }} diff --git a/layouts/partials/article-link/simple.html b/layouts/partials/article-link/simple.html index 303b64d8..58d8ea2f 100644 --- a/layouts/partials/article-link/simple.html +++ b/layouts/partials/article-link/simple.html @@ -69,7 +69,9 @@ {{ with $featured }} {{ $featuredURL = .RelPermalink }} {{ if not (or $disableImageOptimization (eq .MediaType.SubType "svg")) }} - {{ $featuredURL = (.Resize "600x").RelPermalink }} + {{ with try (.Resize "600x") }} + {{ with .Value }}{{ $featuredURL = .RelPermalink }}{{ end }} + {{ end }} {{ end }} {{ end }} {{ end }} diff --git a/layouts/partials/head.html b/layouts/partials/head.html index 53129837..e7ec3c44 100644 --- a/layouts/partials/head.html +++ b/layouts/partials/head.html @@ -186,7 +186,9 @@ {{ if .Site.Params.rtl | default false }} {{ $jsResources = $jsResources | append (resources.Get "js/rtl.js") }} {{ end }} - {{ $jsResources = $jsResources | append (resources.Get "js/katex-render.js") }} + {{ if .Page.HasShortcode "katex" }} + {{ $jsResources = $jsResources | append (resources.Get "js/katex-render.js") }} + {{ end }} {{ $jsResources = $jsResources | append (resources.Get "js/print-support.js") }} {{ $jsResources = $jsResources | append (resources.Get "js/email.js") }} {{ if $jsResources }} diff --git a/layouts/partials/home/landing.html b/layouts/partials/home/landing.html new file mode 100644 index 00000000..511f9b63 --- /dev/null +++ b/layouts/partials/home/landing.html @@ -0,0 +1,23 @@ +
+ + +
+
+ {{ with .Site.Params.Author.name }} +

{{ . }}

+ {{ end }} + {{ with .Title }} +

{{ . | emojify }}

+ {{ end }} +
{{ .Content }}
+
+
+
+ +
+
+ {{ partial "recent-articles/main.html" . }} +
+
diff --git a/layouts/partials/schema.html b/layouts/partials/schema.html index 6b5a40c7..63db0927 100644 --- a/layouts/partials/schema.html +++ b/layouts/partials/schema.html @@ -60,7 +60,7 @@ {{ with .Params.tags }}"keywords": {{ . }},{{ end }} {{ end }} "mainEntityOfPage": {{ .Permalink }}, - "wordCount": "{{ .WordCount }}" + "wordCount": {{ .WordCount | int }} }{{ if site.Params.enableStructuredBreadcrumbs | default false }}, { "@context": "https://schema.org", diff --git a/layouts/partials/term-link/card.html b/layouts/partials/term-link/card.html index 5a67ed31..ae196a2f 100644 --- a/layouts/partials/term-link/card.html +++ b/layouts/partials/term-link/card.html @@ -27,7 +27,9 @@ {{ with $featured }} {{ $featuredURL = .RelPermalink }} {{ if not (or $disableImageOptimization (eq .MediaType.SubType "svg")) }} - {{ $featuredURL = (.Resize "600x").RelPermalink }} + {{ with try (.Resize "600x") }} + {{ with .Value }}{{ $featuredURL = .RelPermalink }}{{ end }} + {{ end }} {{ end }} {{ end }} diff --git a/layouts/shortcodes/tab.html b/layouts/shortcodes/tab.html index b4959801..c8288343 100644 --- a/layouts/shortcodes/tab.html +++ b/layouts/shortcodes/tab.html @@ -5,7 +5,12 @@ {{- $isMarkdown := or (eq $md true) (eq $md "true") -}} {{- $content := .Inner -}} {{- if $isMarkdown -}} - {{- $content = .InnerDeindent | strings.TrimSpace | .Page.RenderString -}} + {{- $content = .InnerDeindent | strings.TrimSpace -}} + {{- if not (strings.HasPrefix $content "<") -}} + {{- $content = $content | .Page.RenderString -}} + {{- else -}} + {{- $content = $content | safeHTML -}} + {{- end -}} {{- end -}} {{- $tabs := .Parent.Store.Get "tabs" | default slice -}}