๐ ๋ธ๋ก๊ทธ ๋ฐ๋ก ๊ฐ๊ธฐ
https://choiiis.github.io/
fork ํด์ ์ฌ์ฉํ์๊ธฐ ํธํ๊ฒ ๋ณ๊ฒฝํด์ ์๋ก ์ฌ๋ ค๋ด
๋๋ค.
ํธํ๊ฒ ์ฌ์ฉํ์๊ณ , fork ํ์ค ๋ star ํ๋๋ง ๋๋ฌ์ฃผ์ธ์ฉ :)
fork ํ ์ค์ ์ด ํ์ํ ์ฌํญ๋ค์ ์๋ ๋ด์ฉ์ ์ฐธ๊ณ ํ์ธ์!
[_config.yml]
# plum skin ํ์ฉํ์ฌ ์์ ์ค์ ํจ. ๋ณ๊ฒฝํ๋ ค๋ฉด _sass/minimal-mistakes/skins/_plum.scss ์์ ๋ณ๊ฒฝํ๊ฑฐ๋ # ํด๋น ๋๋ ํ ๋ฆฌ ๋ด์ ๋ค๋ฅธ ํ ๋ง๋ก ๋ณ๊ฒฝ ๊ฐ๋ฅ (minimal-mistakes ๊ธฐ๋ณธ ์ ๊ณต ํ ๋ง) minimal_mistakes_skin: "plum" # "default" "air", "aqua", ... # Site Settings locale: "ko-KR" #"en-US" title: "Blog Name Here" # ์๋จ ํค๋์ ๋ณด์ด๋ ๋ธ๋ก๊ทธ ํ์ดํ title_separator: "|" subtitle: # site tagline that appears below site title in masthead name: "your name here" # ๋ธ๋ก๊ทธ ๋๋ค์ ์ค์ description: "OOOOO DevLog" # ๋ธ๋ก๊ทธ ์ค๋ช url: "https://github-account.github.io" # ๋ธ๋ก๊ทธ URL baseurl: # the subpath of your site, e.g. "/blog" repository: "github-account/github-account.github.io" # GitHub Repo ์ด๋ฆ # logo : # ์๋จ ํค๋์ ๋ธ๋ก๊ทธ ํ์ดํ ์์ ๋ก๊ณ ์ถ๊ฐํ๊ณ ์ถ์ ๊ฒฝ์ฐ ์ฌ์ฉ --- # Site Author (Home์์ ํด๋น ๋ด์ฉ์ ์จ๊น ์ํ) author: name: "your name here" # ๋ธ๋ก๊ทธ ๋๋ค์ avatar: "/assets/images/meee.png" # ๋ธ๋ก๊ทธ ํ๋กํ ์ฌ์ง # bio : "hi all!" # location : "Seoul, Korea" # email : "youremailhere@xxxxxx.com"
- https://www.favicon-generator.org/ ์ ์ํ์ฌ ์ํ๋ ์ด๋ฏธ์ง๋ฅผ favicon์ผ๋ก ์์ฑ
- ์์ฑ๋ ํ์ผ
assets/images/favicon/๋๋ ํ ๋ฆฌ์ ์ ์ฅ
*์ฃผ์) ๋ก์ปฌ ์คํ ์ ๋ณ๊ฒฝ ๋ด์ญ์ด ๋ฐ์๋์ง ์์ ์ ์์. push ํด์ ํ์ธ ํ์. _layouts/default.html์github-account.github.io๋ถ๋ถ์ ๋ณธ์ธ ๋ธ๋ก๊ทธ URL ์ ๋ ฅ
<link rel="apple-touch-icon" sizes="180x180" href="https://github-account.github.io/assets/images/favicon/apple-touch-icon.png" /> <link rel="icon" type="image/png" sizes="32x32" href="https://github-account.github.io/assets/images/favicon/favicon-32x32.png" /> <link rel="icon" type="image/png" sizes="16x16" href="https://github-account.github.io/assets/images/favicon/favicon-16x16.png" /> <link rel="manifest" href="https://github-account.github.io/assets/images/favicon/site.webmanifest" /> <link rel="mask-icon" href="https://github-account.github.io/assets/images/favicon/safari-pinned-tab.svg" color="#5bbad5" />
[_data/navigation.yml]
# main links main: - title: "Home" url: https://your-blog-url-here/ # ๋ธ๋ก๊ทธ HOME ๋ฐ๋ก๊ฐ๊ธฐ - title: "About" url: /about/ #_pages/about.md ์ฐ๊ฒฐ - title: "GitHub" url: https://github.com/github-account # ๊นํ๋ธ ๋ฐ๋ก๊ฐ๊ธฐ (๋ณธ์ธ ๊นํ๋ธ๋ก ๋ณ๊ฒฝ) # ์นดํ ๊ณ ๋ฆฌ ๊ธฐ๋ฅ์ด ํ์ํ๋ฉด ํ์ฑํ ํ๊ธฐ (_pages/categories-archive.md ์ฐ๊ฒฐ) # - title: "Categories" # url: /categories/
์นดํ
๊ณ ๋ฆฌ์ ํญ๋ชฉ์ ์ถ๊ฐํ๊ณ ์ถ์ ๊ฒฝ์ฐ, _pages/categories/ ํ์์ md ํ์ผ ์ถ๊ฐ
_pages/categories/category-categories1.md ํ์ผ ์์ฑ ์์ (ex. category-algorithm.md)
title: "Categories1" # ์นดํ ๊ณ ๋ฆฌ ์ด๋ฆ layout: category permalink: /categories/categories1/ # url author_profile: true taxonomy: Categories1 sidebar: nav: "categories"
์นดํ
๊ณ ๋ฆฌ ์ด๋ฆ๊ณผ url์ _data/navigation.yml์ ์ถ๊ฐ
# sidebar navigation (categories) categories: - title: "Categories1" url: /categories/categories1/ - title: "Categories2" url: /categories/categories2/ - title: "Categories3" url: /categories/categories3/ - title: "Categories4" url: /categories/categories4/
2022ๅนด09ๆ24ๆฅ Update : ํ์ ์นดํ
๊ณ ๋ฆฌ ํฌํจ ๋ฉ๋ด (categories-ver2 branch)
ver2.0 ์นดํ
๊ณ ๋ฆฌ ํํ ๋ฌธ์๊ฐ ์์ด์ categories-ver2 ๋ธ๋์น์ ์
๋ฐ์ดํธ ํ์ต๋๋ค.
์์๋ ํ์ด์ง ํ๋จ '๊ฐ๋ฐ ๊ธฐ๋ก' ๋ถ๋ถ์์ ํ์ธํ์ค ์ ์์ด์!
์ฐธ๊ณ ) _data/navigation.yml๋ง ์๋์ ๊ฐ์ด ๋ณ๊ฒฝํด์ฃผ์
๋ ๋ฉ๋๋ค.
categories: - title: "Title1" children: - title: "Categories1" url: /categories/categories1/ - title: "Categories2" url: /categories/categories2/ - title: "Categories3" url: /categories/categories3/ - title: "Categories4" url: /categories/categories4/ - title: "Title2" children: - title: "Categories5" url: /categories/categories5/ - title: "Categories6" url: /categories/categories6/ - title: "Title3" children: - title: "Categories7" url: /categories/categories7/
_posts/YYYY-MM-DD-post-name-here.mdํ์ผ ์์ฑ- ํฌ์คํธ์ ์ฌ์ฉํ ์ด๋ฏธ์ง๋
assets/images/posts_img/post-name-here/ํ์์ ์ ์ฅ - ํฌ์คํธ front matter ์์ฑ
--- title: "[ํฌ์คํ ์์] ์ด๊ณณ์ ์ ๋ชฉ์ ์ ๋ ฅํ์ธ์" excerpt: "๋ณธ๋ฌธ์ ์ฃผ์ ๋ด์ฉ์ ์ฌ๊ธฐ์ ์ ๋ ฅํ์ธ์" categories: # ์นดํ ๊ณ ๋ฆฌ ์ค์ - categories1 tags: # ํฌ์คํธ ํ๊ทธ - [tag1, tag2] permalink: /categories1/post-name-here/ # ํฌ์คํธ URL toc: true # ์ฐ์ธก์ ๋ณธ๋ฌธ ๋ชฉ์ฐจ ๋ค๋น๊ฒ์ด์ ์์ฑ toc_sticky: true # ๋ณธ๋ฌธ ๋ชฉ์ฐจ ๋ค๋น๊ฒ์ด์ ๊ณ ์ ์ฌ๋ถ date: 2020ๅนด05ๆ21ๆฅ # ์์ฑ ๋ ์ง last_modified_at: 2021ๅนด10ๆ09ๆฅ # ์ต์ข ์์ ๋ ์ง ---
- front matter ํ๋จ์ ํฌ์คํ ๋ด์ฉ ์์ฑ
- ์ฐธ๊ณ (_config.yml์์ ํฌ์คํ ๊ธฐ๋ณธ ์ธํ ) : comment, author_profile ๋ฑ์ ์ํ๋ฅผ ๋ณ๊ฒฝ ๊ฐ๋ฅ. ํฌ์คํ ๋ํดํธ๊ฐ
# Defaults defaults: # _posts - scope: path: "" type: posts values: layout: single author_profile: true read_time: #true show_date: true comments: true # share: true related: true sidebar: nav: "categories"
utterances ๊ด๋ จํด์ ๊ตฌ๊ธ๋ง ํด๋ณด๊ณ ์งํํ๊ธฐ๋ฅผ ์ถ์ฒ.
๊ธฐ๋ณธ์ ์ธ ์ธํ
๋ฐฉ๋ฒ์ ์ค๋ช
ํ์๋ฉด,
- ๋ณธ์ธ GitHub์ utterances์ฉ repository ์์ฑ
- https://github.com/apps/utterances์ ์ ์ํ์ฌ ์์ฑํ repo ์ ํ ํ install
_config.ymlํ์ผ ๋ณ๊ฒฝ (theme ๋ณ๊ฒฝ ์์๋ง)
comments: provider: "utterances" utterances: theme: "github-light" # "github-dark" issue_term: "pathname" # pathname์ post์ markdown ํ์ผ ์ด๋ฆ์ผ๋ก ์ฐ๊ฒฐ๋จ
_includes/comments-providers/utterances.htmlํ์ผ ์์ฑ
# ๋ณธ์ธ ๊นํ๋ธ ์์ด๋์ ์์ฑํ ๋ ํ์งํ ๋ฆฌ ์ ๋ ฅ script.setAttribute('repo', 'github-account/repository-name'); # ์ ํํ ๊นํ๋ธ ํ ๋ง ์ ๋ ฅ script.setAttribute('theme', '{{ site.comments.utterances.theme | default: "github-light" }}');
https://analytics.google.com/analytics/web/์์ ์ ์ํ์ฌ ์ฐ๊ฒฐ
# Analytics analytics: provider: "google-gtag" # false (default), "google", "google-universal", "google-gtag", "custom" google: tracking_id: "your tracking id here" # ๋ณธ์ธ์ tracking id ์ ๋ ฅ anonymize_ip: # true, false (default)
๊ตฌ๊ธ์ ๋ด ๊ฒ์๋ฌผ์ด ๋ณด์ด๊ฒ ํ๋ ค๋ฉด search console๊ณผ ์ฐ๊ฒฐ์ด ํ์ https://search.google.com/search-console/about์์ ์ ์ํ์ฌ ๋๋ฉ์ธ ๋ฑ๋ก
- ๋๋ฉ์ธ ๋ฑ๋ก ์ ๊ตฌ๊ธ์์ ์ ๊ณตํ๋
google~~.htmlํ์ผ ๋ฃจํธ ๋๋ ํ ๋ฆฌ์ ์ ๋ก๋ jekyll-sitemapํ๋ฌ๊ทธ์ธ ์ค์น (๊ตฌ๊ธ๋ง ์ถ์ฒ)
sudo gem install jekyll-sitemap
_config.ymlํ์ผ์ plugins์ jekyll-sitemap ์์ผ๋ฉด ์ถ๊ฐ
# Plugins (previously gems:) plugins: - jekyll-sitemap
- ๋ฃจํธ ๋๋ ํ ๋ฆฌ์
robots.txt์์ฑ
User-agent: *
Allow: /
Sitemap: https://github-account.github.io/sitemap.xmlhttps://searchadvisor.naver.com/์ ์ ์ํ์ฌ ์ฌ์ดํธ ๋ฑ๋ก
๋ฃจํธ ๋๋ ํ ๋ฆฌ์ naver~~~~.html ์ถ๊ฐ
- ์ฐธ๊ณ ํ ๋งํ ๋ธ๋ก๊ทธ๊ฐ ์์ด์ ๋งํฌ ๊ฑธ์ด๋๊ฒ ์ต๋๋ค. https://yenarue.github.io/tip/2020/04/30/Search-SEO/#%EB%84%A4%EC%9D%B4%EB%B2%84-naver
assets/css/main.scss์ import๋ font-face ๋ฐฉ์ ์ค ์ ํํ์ฌ ํฐํธ ์ถ๊ฐ
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); @font-face { font-family: "RIDIBatang"; font-weight: normal; src: url(/assets/css/fonts/RIDIBatang.otf); }
_sass/minimal-mistakes/_variables.scss์์ ํฐํธ ์ค์
$serif: Georgia, Times, serif !default; $sans-serif: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Montserrat", "Pretendard", "Merriweather", sans-serif !default; $monospace: "Fira Mono", "Pretendard", Monaco, Consolas, "Lucida Console", monospace !default;
์๋จ ๋ค๋น๊ฒ์ด์
์ About ํญ์ _pages/about.md๋ก ์ฐ๊ฒฐ. ํด๋น ํ์ผ์ ๋ด์ฉ ์์ฑ
--- title: "Hi all! I'm OOOOOO๐๐ป" permalink: /about/ layout: single comments: false --- ๋ณธ์ธ ์๊ฐ ์ฌ๊ธฐ์ ์ ๋ ฅ
๋ฌธ์์ฌํญ ๋๋ ์์ ์์ฒญ์ ๋ธ๋ก๊ทธ์ ๋๊ธ ๋จ๊ฒจ์ฃผ์๊ฑฐ๋ ์ด๋ฉ์ผ๋ก ์ฐ๋ฝ์ฃผ์ธ์!
[VER1.0] choiiis github blog main
[VER2.0] choiiis github blog main
- logo ๋ณ๊ฒฝ
- ์นดํ ๊ณ ๋ฆฌ ๋์์ธ ๋ณ๊ฒฝ
- font family, size ๋ณ๊ฒฝ
- ๋ฉ์ธ ์ปฌ๋ฌ ๋ณ๊ฒฝ
[VER2.1] choiiis github blog main