Apply better style for taxonomy terms

wangchucheng / hugo-eureka

Eureka is a feature-rich and highly customizable Hugo theme.

https://www.wangchucheng.com/en/docs/hugo-eureka/

Apache License 2.0

923 stars 192 forks source link

Apply better style for taxonomy terms #158

Open antiagainst opened 2 years ago

antiagainst commented 2 years ago

Grouped terms like a cloud instead of scattering each term on its own line
Used a leading icon to make different taxonomy kinds distinguishable
Also showed the page count matching each term as superscript

Fixes https://github.com/wangchucheng/hugo-eureka/issues/125

antiagainst commented 2 years ago

I'm using this on my blog right now. See examples:

We can probably improve the style further, but this is a good starting point already I think.

wangchucheng commented 2 years ago

Hi @antiagainst,

Thanks for this PR! It looks great and I may be able to review it this weekend. And do you think we need to add specific icon for these three terms? The style will not be consistent if the user adds some custom taxonomy. Sorry for the delay!

antiagainst commented 2 years ago

IIUC these three are the default categories from Hugo so I think it's reasonable to have special icons for them. But good point on additional taxonomies. I think we can have a default icon for all of the rest.