Is it possible to modify posts index.md entry css?

[photoang]

Hi,
I add index.md under post, is it possible to edit this page's post-entry css, while not impact the front page post-entry css?

the post entry css page I'd like to modify: https://yundaily.com/posts/

[luisquid]

Yes, it is possible. The way that I would recommend doing this is by using page bundles. Essentially, you structure your posts in a way that you can bundle a variety of resources that your post might use. Once you bundle your posts you can then use .css files that are bundled with your post .md file.

What I would do is what is described in this post. You will need to go to your head.html. You can find it at layouts/partials. In there, find the section that has {{- /* Styles */}} and at the very end of that section, you add the following snippet:

{{ with .Resources.GetMatch "*.css" }}
  <style>{{ .Content | safeCSS }}</style>
{{ end }}

After saving, you will now go to the directory where you have your index.md file. In there, you will add the .css file you want to use on the same directory as the index.md.

And that should be it!

[photoang]

Hi ~ I did do the modify but it's not working.
My structure is like this, and I add the post-entry.css under posts.

content
├── posts
│ ├── _index.md
│ ├── post-entry.css
│ ├── 架網站
│ │ └── _index.md
├── about.md
├── archive.md
└── search.md

and modify the code into head.html like this.

{{- /* Styles */}} {{- /* includes */}} {{- $includes := slice }}
{{- $includes = $includes | append (" " | resources.FromString
"assets/css/includes-blank.css")}} {{- if not (eq
site.Params.assets.disableScrollBarStyle true) }} {{- $ScrollStyle :=
(resources.Get "css/includes/scroll-bar.css") }} {{- $includes = (append
$ScrollStyle $includes) }} {{- end }}{{ with .Resources.GetMatch "*.css" }}
<style>
   {
     {
      .Content|safeCSS;
    }
  }
</style>
{{ end }}

Is there something wrong?