Add showCanonicalLink to markdown metadata

[nikaera]

Thank you for making a great Hugo theme! I'm using your theme on my blog. 📝

I would like to display the URL of the original article, like DEV articles do, if canonicalUrl is set in the article metadata. Therefore, I added a new field showCanonicalLink to the metadata so that if an article has a canonicalUrl set, Originally published at <hostname> will be displayed at the top of the article by setting showCanonicalLink to true. 🌐

The actual contents of the display are as follows. ⬇️

---
#...
canonicalUrl: "https://zenn.dev/nikaera/articles/unity-gameci-github-actions"
showCanonicalLink: true
#...
---
#...

I submitted a pull request because I am using a custom template to achieve this functionality and figured I would use it often. I would appreciate it if you could take it in if you like. 🙏

[nikaera]

1 Security Hotspot

I have fixed the above. ⚒️

[adityatelange]

@nikaera Doesn't really fit well on smaller screens.

---

I would suggest this to be implemented, similar to how EditPost is implemented

hugo-PaperMod/layouts/partials/edit_post.html

Lines 1 to 8 in 408063b

	{{- if or .Params.editPost.URL .Site.Params.editPost.URL -}}
	{{- $fileUrlPath := path.Join .File.Path }}
	{{- if or .Params.author $.Site.Params.author (.Param "ShowReadingTime") (not .Date.IsZero) .IsTranslated }} | {{- end -}}
	<a href="{{ .Params.editPost.URL | default .Site.Params.editPost.URL }}{{ if .Params.editPost.appendFilePath | default ( .Site.Params.editPost.appendFilePath | default false ) }}/{{ $fileUrlPath }}{{ end }}" rel="noopener noreferrer" target="_blank">
	{{- .Params.editPost.Text | default (.Site.Params.editPost.Text | default (i18n "edit_post" | default "Edit")) -}}
	</a>
	{{- end }}

That way, we can have the same feature but it will fit well on smaller screens as well as we won't need to add extra styling for it.

[nikaera]

@adityatelange Thank you for your comment! I used edit_post.html as a reference and modified it.

There was a change in the appearance as follows. ⬇️
[PC Browser]

[Mobile Browser]

I would appreciate your review. 🙏

[sonarcloud]

Kudos, SonarCloud Quality Gate passed!

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication

[adityatelange]

@nikaera I have made some changes to the code. Can you please check if everything is good? 😄
p.s. Do check commit log to see what's changed

[nikaera]

@adityatelange Wow, thank you so much! 👀😆 I have checked all the modifications and LGTM! 🙌