add emoji and a custom css

[papayarules]

Hi. Any idea on how i can add emoji in the title/subtitle of my website? I know I can change the these parameters in the config.toml but is there a shortcut to add emoji?

Was also wondering how do I go to add a custom css on top of the default ones, just to change a few colors and backgrounds. I looked into the styles folder but I only see scss files and I'm not sure how I could load mine.

[papayarules]

I managed to do both:

1. To enable emoji just add enableEmoji = true to the config.toml and then also add | emojify to the string {{ .Site.Params.subtitle}} in the header.html

2. To add a custom css I added <link href="/css/custom.css" rel="stylesheet"> at the end of the head.html and then created a custom.css file in public/css

[huyb1991]

@nickeatingpizza

1. For emoji, you're doing correct way follow this PR: Add emoji support gohugoio/hugo#1892 - This related to Hugo and markdown template.

2. Your way can work, but not best practice, because 2 css files, and your custom will override styles. I build sass system for template, you can update styles by your own in sass files by update variable colors at _variables.scss, then run build script.

Hope this help.

[papayarules]

@huyb1991 Thanks for the reply! I figured that my css solution was not the cleanest but for now I think I'll keep it cause I don't have time to learn sccs (I'm using RStudio and blogdown to make my website).
Can I ask you if you are still developing this theme? If so, do you plan on making a dark version of the theme (with a toggle to switch between the bright one?)

[huyb1991]

@nickeatingpizza I'm busy on other project, no plan to adding dark theme yet, PR's welcome.