当前位置: 首页 > 软件库 > Web应用开发 > >

Grape-Theme

授权协议 MIT License
开发语言 JavaScript
所属分类 Web应用开发
软件类型 开源软件
地区 不详
投 递 者 白腾
操作系统 未知
开源组织
适用人群 未知
 软件概览

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.

Demo

Installation

  1. Fork and clone the Grape Theme repo

    git clone https://github.com/naye0ng/Grape-Theme.git
    
  2. Install Jekyll

    gem install jekyll
    
  3. Install the theme's dependencies

    bundle install
    
  4. Update _config.yml and projects.yml with your own settings.

  5. Run the Jekyll server

    bundle exec jekyll serve
    

Customizing

Grape-Theme에서는 자랑할 만한 두 가지 기능을 제공합니다. 홈 화면의 프로필 섹션과 포트폴리오 페이지의 프로젝트, 상세 프로필 기능이 그것 입니다. 이 모든 기능들은 _config.ymlprojects.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

    • modal : True 를 선택한다면 모달 버튼이 활성와 됩니다.

    • If modal : True is selected, modal will be displayed on the Portfolio page

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 pageDemo page에서 여러 태그들의 출력을 확인할 수 있습니다.

You can confirm how to draw tags at here and here

Create a new post

  1. Create a .md inside _posts folder

    2019-07-11-grape-theme.md
    

    한글로 파일 이름을 만드는 경우, 구글 검색을 붙였을때 문제가 발생합니다. 되로록 영어를 사용해주세요:D

  2. 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.

 相关资料
  • grape 是一个用 Ruby 编写的固执的用来创建 REST 风格 API 的微型框架。

  • 我试图在groovy脚本中使用,但我得到一个链接错误: 我已经在谷歌上搜索了很多,找到了很多这样答案:

  • 我正在尝试在Ruby Grape API上创建服务器发送的事件。问题是,连接似乎总是很快关闭,因为我一直在测试网页上看到连接关闭事件。 客户端连接到服务器,因为我可以看到正在调用的方法,但我想知道为什么连接不是恒定的,为什么我没有收到我使用Thread发送的数据。 以下是我的Ruby代码: 以下是我的Javascript: 编辑:我使用GET方法实现了它(我将Grape::API更改为Sinatr

  • 我想通过使用@Grab运行java类的main方法,以便自动处理需求。更具体地说,我希望运行pdfbox示例https://github.com/apache/pdfbox/blob/trunk/examples/src/main/java/org/apache/pdfbox/examples/util/removeAlltext.java 我编写了以下groovy脚本 main的@grab,im

  • 我对Groovy还比较陌生,我正试着去了解Gradle。如果我导入组织。jvnet。哈德逊。通过Grapes插件,它可以完美地工作,并且解决了依赖关系。但是,如果我尝试使用Gradle检索依赖关系,则依赖关系不会得到解决。 包适用于Gradle和Grape。 未使用Gradle解决的依赖关系 使用Grape解决的依赖关系 使用Gradle解决的依赖项 Gradle构建过程中的错误 build.gr

  • 问题内容: 下载完整的bootstrap3包后,我注意到有一个单独的主题CSS文件。如何利用它?请解释? 我已包含在现有的引导项目中,但是输出没有任何区别。 问题答案: 下载Bootstrap 3.x后,您将获得 bootstrap.css 和 bootstrap-theme.css (更不用说这些文件的缩小版本了)。 bootstrap.css 完全样式化并可以使用,如果您愿意的话。它可能有点简