partial with md && css

support
1

I use partials a lot in my hugo project, and it works very well in many cases, but when I want to use a partial on another page, I have to import the md content file and style file corresponding to this partial separately to the page, this will be more troublesome. I want to know if there is a way for me to implement a unified component that contains html, content md && css inside, and if so, can you provide me with an example

2

That is not clear.
What does it look like ? Please share some code.
You could inline your css (style=" ") in the partial, or an external sheet linked to in the head section loaded just in the chosen pages, or in your main css.
markdown can be put and rendered anywhere with .RenderString.
But please don’t do that. Baby - ugly ! - example:

<span style="summary {color:lime}
	  	summary::after {
	    	content: "  ☚ Unroll";
	    	font-size:0.7rem;}
		summary:hover{color: red}
	details[open] {
		summary{
			color: red;
			border-bottom: thick dotted red;}
		outline: thin solid ghostwhite;}">
<details{{ if .Get "open"}} open{{ end }}>
 <summary>{{ .Page.RenderString "*Fixed* Title of your **summary**"}}</summary>
    {{ .Inner | .Page.RenderString }}
</details>
</span>
3

What I mean is, suppose I have a partial title with

{{.title}}
inside, I have to define a title under each page that uses it, and pass it into
{{ with .Params.title}}
{{ partial “title” .}}
{{ end }}
title is just an example, actually my partial will have more data, is there a way for me to avoid defining the data on each page, but get it directly inside the partial

4

If you do this with layouts/_default/single.html …

{{ partial "foo.html" . }}

then the partial template receives the current page in context[1]. That’s what the dot is… context. So within the partial you can do…

{{ .Title }} --> My First Post
{{ .Params.foo }} --> something
{{ .Content }} --> The rendered page content

Do you see how each of them begin with the dot? That’s the context.

  1. assuming you are not calling the partial within a with or range block that changes the context ↩︎