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.