Add path annotation for codeblock

[izissise]

https://zola.discourse.group/t/allow-to-specify-path-associated-with-a-codeblock/2253

Sanity check:

• Have you checked to ensure there aren't other open Pull Requests for the same update/change?

Code changes

(Delete or ignore this section for documentation changes)

• Are you doing the PR on the next branch?

If the change is a new feature or adding to/changing an existing one:

• Have you created/updated the relevant documentation page(s)?

[Keats]

What's the main usage for it? Is it be displayed or retrieve by the frontend?

[izissise]

For now I use it like so:

pre code[data-path]:after {
  border-radius: 0 0 0.25rem 0.25rem;
  font-size: 12px;
  letter-spacing: .025rem;
  padding: .1rem .5rem;
  position: absolute;
  left: 5.5rem;
  margin-top: 0;
  text-align: right;
  top: 0;
  content: attr(data-path);
  background: lightgrey;
  color: green;
  visibility: visible;
}

I find useful to have the required file path associated with the code block when blogging about specific tool configuration. Some tools expect configuration at pre determined paths

[Keats]

I agree it's nice, I'm just wondering if it doubles as the code sample name as well potentially?

[Keats]

Ah can you rebase the PR? It looks like it's got some unrelated stuff due to the last release

[izissise]

Yes I agree it could be the name. I can change path to name as you prefer

[izissise]

I rebased the branch

[Keats]

Let's call it name, this way it can be used for more stuff.

[izissise]

Should be good :)