diff --git a/README.ko.md b/README.ko.md index e6ed42b..498df7a 100644 --- a/README.ko.md +++ b/README.ko.md @@ -21,6 +21,7 @@ Zzo theme을 이용할 시 가장 매력적인 포인트 한가지는, 한글로 * [컨택 페이지](#contact-page) * [다국어](#multi-language) * [저자](#author) +* [Favicon](#favicon) * [커스터마이징](#customizing) * [외부 라이브러리 사용](#external-library) * [Shortcodes](#shortcodes) @@ -223,6 +224,7 @@ logo = true # Logo that appears in the site navigation bar. description = "The Zzo theme for Hugo example site." # for SEO custom_css = [] # custom_css = ["scss/custom.scss"] and then make file at root/assets/scss/custom.scss custom_js = [] # custom_js = ["js/custom.js"] and then make file at root/assets/js/custom.js +useFaviconGenerator = false # https://www.favicon-generator.org/ themeOptions = ["dark", "light", "hacker", "solarized", "kimbie"] # select options for site color theme notAllowedTypesInHome = ["contact", "talks", "about"] # not allowed page types in home page. type can be set in front matter or default to folder name. @@ -929,6 +931,19 @@ socialOptions: # override params.toml file socialOptions --- ``` +## Favicon + +`favicon.ico`라는 파일을 루트 디렉토리의 static 폴더에 넣어주세요. 파일 이름과 확장자가 정확히 `favicon.ico`여야 합니다. + +### Using favicon-genarator + +모바일 환경을 고려하신다면 [favicon-generator](https://www.favicon-generator.org/) 사이트에서 파비콘을 만들어주세요. + +- 위의 사이트에서 파비콘을 만들어주세요. +- `root/static/favicon`경로에 폴더를 만들어주세요. +- 해당 폴더에 파비콘을 풀어주세요. +- params.toml 파일에 `useFaviconGenerator`의 값을 `true`로 바꿔주세요. + ## External Library 현재 지원하는 외부 라이브러리는 Katex, MathJax, Mermaid, Flowchart.js, chart.js, viz-graph, wavedrom, js-sequence-diagram 입니다. front-matter에 값을 넣어주시면 해당 라이브러리가 로드됩니다. diff --git a/README.md b/README.md index 31e2052..8aa771e 100644 --- a/README.md +++ b/README.md @@ -21,6 +21,7 @@ Thank you for click me!. Zzo theme is a blog theme powered by Hugo with free(alw * [Talks Page](#talks-page) * [Multi Language](#multi-language) * [Author](#author) +* [Favicon](#favicon) * [Customizing](#customizing) * [External libraries](#external-library) * [Shortcodes](#shortcodes) @@ -217,6 +218,7 @@ logo = true # Logo that appears in the site navigation bar. description = "The Zzo theme for Hugo example site." # for SEO custom_css = [] # custom_css = ["scss/custom.scss"] and then make file at root/assets/scss/custom.scss custom_js = [] # custom_js = ["js/custom.js"] and then make file at root/assets/js/custom.js +useFaviconGenerator = false # https://www.favicon-generator.org/ themeOptions = ["dark", "light", "hacker", "solarized", "kimbie"] # select options for site color theme notAllowedTypesInHome = ["contact", "talks", "about"] # not allowed page types in home page. type can be set in front matter or default to folder name. @@ -926,6 +928,19 @@ socialOptions: # override params.toml file socialOptions --- ``` +## Favicon + +Put your `favicon.ico` file under the static folder. The filename should be `favicon` and the extension should be `ico`. + +### Using favicon-genarator + +If you want to support mobile favicon, use [favicon-generator](https://www.favicon-generator.org/). + +- Make favicons from favicon-generator site. +- Make a folder at `root/static/favicon` +- Unzip the generated favicon to that folder. +- Set the config param `useFaviconGenerator` to `true` + ## External Library If you want use external libraries, this theme currently supporting Katex, MathJax, Mermaid, Flowchart.js, chart.js, viz-graph, wavedrom, js-sequence-diagram. Just add some variable to a front-matter. diff --git a/exampleSite/config/_default/params.toml b/exampleSite/config/_default/params.toml index 2dd5a3c..2e90ef3 100644 --- a/exampleSite/config/_default/params.toml +++ b/exampleSite/config/_default/params.toml @@ -3,6 +3,7 @@ logoType = "short" # long, short description = "The Zzo theme for Hugo example site." custom_css = [] custom_js = [] +useFaviconGenerator = true # https://www.favicon-generator.org/ themeOptions = ["dark", "light", "hacker", "solarized", "kimbie"] notAllowedTypesInHome = ["contact", "talks", "about"] diff --git a/exampleSite/static/favicon/android-icon-144x144.png b/exampleSite/static/favicon/android-icon-144x144.png new file mode 100644 index 0000000..5445828 Binary files /dev/null and b/exampleSite/static/favicon/android-icon-144x144.png differ diff --git a/exampleSite/static/favicon/android-icon-192x192.png b/exampleSite/static/favicon/android-icon-192x192.png new file mode 100644 index 0000000..428caab Binary files /dev/null and b/exampleSite/static/favicon/android-icon-192x192.png differ diff --git a/exampleSite/static/favicon/android-icon-36x36.png b/exampleSite/static/favicon/android-icon-36x36.png new file mode 100644 index 0000000..1485335 Binary files /dev/null and b/exampleSite/static/favicon/android-icon-36x36.png differ diff --git a/exampleSite/static/favicon/android-icon-48x48.png b/exampleSite/static/favicon/android-icon-48x48.png new file mode 100644 index 0000000..a02b556 Binary files /dev/null and b/exampleSite/static/favicon/android-icon-48x48.png differ diff --git a/exampleSite/static/favicon/android-icon-512x512.png b/exampleSite/static/favicon/android-icon-512x512.png new file mode 100644 index 0000000..26484a0 Binary files /dev/null and b/exampleSite/static/favicon/android-icon-512x512.png differ diff --git a/exampleSite/static/favicon/android-icon-72x72.png b/exampleSite/static/favicon/android-icon-72x72.png new file mode 100644 index 0000000..5041bf8 Binary files /dev/null and b/exampleSite/static/favicon/android-icon-72x72.png differ diff --git a/exampleSite/static/favicon/android-icon-96x96.png b/exampleSite/static/favicon/android-icon-96x96.png new file mode 100644 index 0000000..bc05184 Binary files /dev/null and b/exampleSite/static/favicon/android-icon-96x96.png differ diff --git a/exampleSite/static/favicon/apple-icon-114x114.png b/exampleSite/static/favicon/apple-icon-114x114.png new file mode 100644 index 0000000..159096f Binary files /dev/null and b/exampleSite/static/favicon/apple-icon-114x114.png differ diff --git a/exampleSite/static/favicon/apple-icon-120x120.png b/exampleSite/static/favicon/apple-icon-120x120.png new file mode 100644 index 0000000..d13a5c8 Binary files /dev/null and b/exampleSite/static/favicon/apple-icon-120x120.png differ diff --git a/exampleSite/static/favicon/apple-icon-144x144.png b/exampleSite/static/favicon/apple-icon-144x144.png new file mode 100644 index 0000000..5445828 Binary files /dev/null and b/exampleSite/static/favicon/apple-icon-144x144.png differ diff --git a/exampleSite/static/favicon/apple-icon-152x152.png b/exampleSite/static/favicon/apple-icon-152x152.png new file mode 100644 index 0000000..ee01861 Binary files /dev/null and b/exampleSite/static/favicon/apple-icon-152x152.png differ diff --git a/exampleSite/static/favicon/apple-icon-180x180.png b/exampleSite/static/favicon/apple-icon-180x180.png new file mode 100644 index 0000000..320cc7c Binary files /dev/null and b/exampleSite/static/favicon/apple-icon-180x180.png differ diff --git a/exampleSite/static/favicon/apple-icon-57x57.png b/exampleSite/static/favicon/apple-icon-57x57.png new file mode 100644 index 0000000..4d9abe1 Binary files /dev/null and b/exampleSite/static/favicon/apple-icon-57x57.png differ diff --git a/exampleSite/static/favicon/apple-icon-60x60.png b/exampleSite/static/favicon/apple-icon-60x60.png new file mode 100644 index 0000000..a0c7db9 Binary files /dev/null and b/exampleSite/static/favicon/apple-icon-60x60.png differ diff --git a/exampleSite/static/favicon/apple-icon-72x72.png b/exampleSite/static/favicon/apple-icon-72x72.png new file mode 100644 index 0000000..5041bf8 Binary files /dev/null and b/exampleSite/static/favicon/apple-icon-72x72.png differ diff --git a/exampleSite/static/favicon/apple-icon-76x76.png b/exampleSite/static/favicon/apple-icon-76x76.png new file mode 100644 index 0000000..9963458 Binary files /dev/null and b/exampleSite/static/favicon/apple-icon-76x76.png differ diff --git a/exampleSite/static/favicon/apple-icon-precomposed.png b/exampleSite/static/favicon/apple-icon-precomposed.png new file mode 100644 index 0000000..1df71f3 Binary files /dev/null and b/exampleSite/static/favicon/apple-icon-precomposed.png differ diff --git a/exampleSite/static/favicon/apple-icon.png b/exampleSite/static/favicon/apple-icon.png new file mode 100644 index 0000000..1df71f3 Binary files /dev/null and b/exampleSite/static/favicon/apple-icon.png differ diff --git a/exampleSite/static/favicon/favicon-16x16.png b/exampleSite/static/favicon/favicon-16x16.png new file mode 100644 index 0000000..135cf03 Binary files /dev/null and b/exampleSite/static/favicon/favicon-16x16.png differ diff --git a/exampleSite/static/favicon/favicon-32x32.png b/exampleSite/static/favicon/favicon-32x32.png new file mode 100644 index 0000000..5a4baea Binary files /dev/null and b/exampleSite/static/favicon/favicon-32x32.png differ diff --git a/exampleSite/static/favicon/favicon-96x96.png b/exampleSite/static/favicon/favicon-96x96.png new file mode 100644 index 0000000..bc05184 Binary files /dev/null and b/exampleSite/static/favicon/favicon-96x96.png differ diff --git a/exampleSite/static/favicon/favicon.ico b/exampleSite/static/favicon/favicon.ico new file mode 100644 index 0000000..7fe1799 Binary files /dev/null and b/exampleSite/static/favicon/favicon.ico differ diff --git a/exampleSite/static/favicon/ms-icon-144x144.png b/exampleSite/static/favicon/ms-icon-144x144.png new file mode 100644 index 0000000..5445828 Binary files /dev/null and b/exampleSite/static/favicon/ms-icon-144x144.png differ diff --git a/exampleSite/static/favicon/ms-icon-150x150.png b/exampleSite/static/favicon/ms-icon-150x150.png new file mode 100644 index 0000000..0a0e8c3 Binary files /dev/null and b/exampleSite/static/favicon/ms-icon-150x150.png differ diff --git a/exampleSite/static/favicon/ms-icon-310x310.png b/exampleSite/static/favicon/ms-icon-310x310.png new file mode 100644 index 0000000..ddb87dd Binary files /dev/null and b/exampleSite/static/favicon/ms-icon-310x310.png differ diff --git a/exampleSite/static/favicon/ms-icon-70x70.png b/exampleSite/static/favicon/ms-icon-70x70.png new file mode 100644 index 0000000..61fdbc2 Binary files /dev/null and b/exampleSite/static/favicon/ms-icon-70x70.png differ diff --git a/exampleSite/static/manifest.json b/exampleSite/static/manifest.json index 0aa58be..e116fe8 100644 --- a/exampleSite/static/manifest.json +++ b/exampleSite/static/manifest.json @@ -6,6 +6,50 @@ "default_locale": "en", "description": "Hugo blog theme with rich features", "start_url": "https://themes.gohugo.io/theme/hugo-theme-zzo/", + "icons": [ + { + "src": "favicon/android-icon-36x36.png", + "sizes": "36x36", + "type": "image/png", + "density": "0.75" + }, + { + "src": "favicon/android-icon-48x48.png", + "sizes": "48x48", + "type": "image/png", + "density": "1.0" + }, + { + "src": "favicon/android-icon-72x72.png", + "sizes": "72x72", + "type": "image/png", + "density": "1.5" + }, + { + "src": "favicon/android-icon-96x96.png", + "sizes": "96x96", + "type": "image/png", + "density": "2.0" + }, + { + "src": "favicon/android-icon-144x144.png", + "sizes": "144x144", + "type": "image/png", + "density": "3.0" + }, + { + "src": "favicon/android-icon-192x192.png", + "sizes": "192x192", + "type": "image/png", + "density": "4.0" + }, + { + "src": "favicon/android-icon-512x512.png", + "sizes": "512x512", + "type": "image/png", + "density": "4.0" + } + ], "theme_color": "#FF6188", "background_color": "#2D2A2E", "display": "standalone" diff --git a/layouts/partials/head/meta.html b/layouts/partials/head/meta.html index 48f7691..2698401 100644 --- a/layouts/partials/head/meta.html +++ b/layouts/partials/head/meta.html @@ -16,8 +16,27 @@ - - - - - \ No newline at end of file + +{{ if $.Site.Params.useFaviconGenerator }} + + + + + + + + + + + + + + + + +{{ else }} + + + + +{{ end }} \ No newline at end of file