Grape-Theme
๋ธ๋ก๊ทธ๋ฟ๋ง ์๋๋ผ ํฌํธํด๋ฆฌ์ค ํ์ด์ง๋ ์ง์ํ๋ Grape-Theme๋ฅผ ์์ ๋กญ๊ฒ ์ฌ์ฉํ์ธ์.
Welcome to Grape Theme! It is good for a portfolio as well as a blog.
Customize Grape-Theme and use it for free.
Installation
-
Fork and clone the Grape Theme repo
git clone https://github.com/naye0ng/Grape-Theme.git
-
Install Jekyll
gem install jekyll
-
Install the theme's dependencies
bundle install
-
Update
_config.yml
andprojects.yml
with your own settings. -
Run the Jekyll server
bundle exec jekyll serve
Customizing
Grape-Theme์์๋ ์๋ํ ๋งํ ๋ ๊ฐ์ง ๊ธฐ๋ฅ์ ์ ๊ณตํฉ๋๋ค. ํ ํ๋ฉด์ ํ๋กํ ์น์
๊ณผ ํฌํธํด๋ฆฌ์ค ํ์ด์ง์ ํ๋ก์ ํธ, ์์ธ ํ๋กํ ๊ธฐ๋ฅ์ด ๊ทธ๊ฒ ์
๋๋ค. ์ด ๋ชจ๋ ๊ธฐ๋ฅ๋ค์ _config.yml
์ projects.yml
ํ์ผ์ ์์ ํ๋ ๊ฒ๋ง์ผ๋ก๋ ์ถฉ๋ถํฉ๋๋ค.
Grape-Theme has two great features: the profile section and the project section of the portfolio page. Just by changing _config.yml
and projects.yml
, you can use all of these features.
Blog Settings
๊ธฐ๋ณธ์ ์ธ ๋ธ๋ก๊ทธ ์ค์ ์ config.yml
์์ ๊ฐ๋ฅํฉ๋๋ค.
The blog configuration is available in config.yml
.
Site configuration
baseurl: "{subpath}"
url : "https://{username}.github.io"
theme_settings :
title : {blog title}
Profile Settings
๊ฐ๋จํ ํ๋กํ ์ ๋ณด๋ ํ ํ๋ฉด์์ ์ถ๋ ฅ๋๋ฉฐ, experience ๋ฐ skills ๋ถ๋ถ์ ํฌํธํด๋ฆฌ์ค ํ์ด์ง์์ ํจ๊ป ๋ณด์ฌ์ง๋๋ค.
Profile is displayed on the index page, and also experience and skills are displayed on the portfolio page.
profile :
image : assets/img/{prorile image}
username : {username}
description :
experience :
- start :
end :
experience : {company name}, {title}
skills :
- skill :
value : 85 # Percent value
Pagination
ํ ํ์ด์ง์์ ๋ณด์ฌ์ง ํฌ์คํ ๊ฐ์๋ฅผ ์ ์ํฉ๋๋ค.
Defines the number of posts to be shown on one page.
paginate: 5
Disqus
Disqus shortname์ ์ค์ ํ๊ณ , ํฌ์คํ
์์ฑ์ comments : true
๋ฅผ ์ถ๊ฐํ๋ฉด ๋ธ๋ก๊ทธ ๊ธ์์ ๋๊ธ์ ์ฌ์ฉํ ์ ์์ต๋๋ค.
you can use the comments by following document and adding a comments : true
disqus_shortname :
Portfolio Settings
ํ๋ก์ ํธ ์ธํ
์ _data/projects.yml
์์ ๊ฐ๋ฅํฉ๋๋ค.
The Project configuration is available in _data/projects.yml
.
ํฌํธํด๋ฆฌ์ค ํ์ด์ง์์๋ ํ๋ก์ ํธ ๋ชฉ๋ก๊ณผ ์์ธ๋ณด๊ธฐ๋ฅผ ๋ชจ๋ฌ๋ก ์ง์ํฉ๋๋ค. ๋ฌผ๋ก ์์ธ๋ณด๊ธฐ๋ ์ ํ์ ์ด๋ฉฐ, ์์ธ๊ฐ์ด modal : False
์ธ ๊ฒฝ์ฐ ๋ชจ๋ฌ ๋ฒํผ์ ์์ฑ๋์ง ์์ต๋๋ค.
The portfolio page provides projects and detailed views by modal. If modal : False
is selected, modal will not be displayed on site.
-
print :
print : True
๋ฅผ ์ ํํ๋ค๋ฉด, ๋ธ๋ก๊ทธ์ ํ ํ๋ฉด์์๋ ํ๋ก์ ํธ์ ์ ๋ณด๊ฐ ์ถ๋ ฅ๋ฉ๋๋ค.- If
print : True
is selected, it will be displayed on landing page
-
modal
print : True
modal : True
๋น์ ์ ํ๋ก์ ํธ์ ๋ํ ๋งํฌ์ ์์ธ ์ค๋ช ์ ์๋์ ๊ฐ์ด ์ถ๊ฐํ์ธ์.
Add details(link, description) about your projects
url : https://github.com/naye0ng/Grape-Theme # Full URL
image : "portfolio.png" # path: assets/project/
date : 2019.06.09 - 2019.07.11
title :
summary :
description :
# modal contents
contents :
- title :
image :
description :
Colors
๋ธ๋ก๊ทธ์ ์ปฌ๋ฌ๋ค์ _sass/base/_variable.scss
์์ ํ๋ฒ์ ๋ณ๊ฒฝ์ด ๊ฐ๋ฅํฉ๋๋ค.
You can change colors at once. colors are in _sass/base/_variable.scss
Posts in Grape theme
์ด ๋ธ๋ก๊ทธ์ ๋ชจ๋ ํฌ์คํ
์คํ์ผ์ _sass/base/_utility.scss
์ ์ ์๋์ด ์์ผ๋ฉฐ Demo page์ Demo page์์ ์ฌ๋ฌ ํ๊ทธ๋ค์ ์ถ๋ ฅ์ ํ์ธํ ์ ์์ต๋๋ค.
You can confirm how to draw tags at here and here
Create a new post
-
Create a
.md
inside_posts
folder2019-07-11-grape-theme.md
ํ๊ธ๋ก ํ์ผ ์ด๋ฆ์ ๋ง๋๋ ๊ฒฝ์ฐ, ๊ตฌ๊ธ ๊ฒ์์ ๋ถ์์๋ ๋ฌธ์ ๊ฐ ๋ฐ์ํฉ๋๋ค. ๋๋ก๋ก ์์ด๋ฅผ ์ฌ์ฉํด์ฃผ์ธ์:D
-
Write the Front Matter and content in the file.
--- layout: post title: title subtitle : subtitle tags: [tag1, tag2] author: comments : ---
License
The theme is available as open source under the terms of the MIT License.