Grav-이미지 연결
이 장에서는 Grav에서 이미지 연결을 이해합니다. Grav를 사용하면 한 페이지에서 다른 페이지로, 심지어는 원격 페이지로 이미지를 연결할 수 있습니다. HTML을 사용하여 파일을 연결했다면 Grav에서 이미지 연결을 이해하기가 매우 쉽습니다.
이 구조를 사용하여 다양한 유형의 링크를 사용하여 페이지에 미디어 파일을 표시하는 방법을 알아 봅니다. 이 구조 아래의 모든 폴더에는 이미지가 포함되어 있으며 아래에 특수 디렉토리가 있습니다./02.green/img01 페이지 역할을하지만 미디어 파일 만 포함합니다.
Grav 마크 다운 기반 이미지 태그의 몇 가지 공통 요소를 살펴 보겠습니다.
![Alt Text](../path/image.ext)
! − 마크 다운 링크 태그의 시작 부분에 배치하면 이미지 태그를 나타냅니다.
[] − 이미지에 대한 선택적 대체 텍스트를 지정합니다.
() − 파일 경로를 포함하는 대괄호 바로 뒤에 위치합니다.
../ − 디렉토리 위로 이동을 나타냅니다.
Grav는 아래와 같이 5 가지 유형의 이미지 링크를 사용합니다.
Slug Relative
Directory Relative
Absolute
Remote
Media Actions on Images
슬러그 친척
현재 페이지에 대한 상대 이미지 링크를 설정하고 동일한 디렉토리의 다른 파일을 링크합니다. 상대 링크를 사용하는 동안 소스 파일의 위치는 대상 위치만큼 중요합니다. 이동 중에 파일의 경로를 변경하면 링크가 끊어 질 수 있습니다. 이 이미지 연결 구조를 사용하는 이점은 파일 구조가 일정하게 유지되는 한 로컬 개발 서버와 도메인 이름이 다른 라이브 서버간에 전환 할 수 있다는 것입니다.
예
![link](../water/img01/img.jpg)
여기 ../ 링크가 한 폴더 위로 이동 한 다음 한 폴더 아래로 이동하고 img.jpg가 대상임을 나타냅니다.
위의 경로를 사용하면 다음과 같은 출력이 표시됩니다.
Grav는 페이지의 기본 마크 다운 파일 헤더에서 슬러그를 지원하며이 슬러그는 주어진 페이지의 폴더 이름을 대신합니다.
만약 01.sky 폴더에는 슬러그가 있습니다. .md 파일, 즉, /pages/01.blue/01.sky/text.md, 파일의 헤더는 다음과 같습니다.
---
title: Sky
slug: test-slug
taxonomy:
category: blog
---
위 코드에서 슬러그를 설정했습니다. test-slug선택 사항입니다. 슬러그를 설정하면 미디어 파일에 연결할 수 있습니다.Slug Relative 또는 Absolute 링크에 설정된 URL입니다.
디렉토리 상대
이 유형의 링크에서는 현재 페이지에 대한 디렉토리 상대 이미지 링크를 설정할 수 있습니다. URL 슬러그를 사용하는 대신 디렉토리 상대 이미지 링크의 폴더 이름과 함께 전체 경로를 통해 참조 할 수 있습니다.
예
![My image](../../blue/img01/img.jpg)
위의 경로를 사용하면 아래와 같이 출력이 표시됩니다.
순수한
절대 링크는 상대 링크와 동일하지만 유일한 차이점은 사이트의 루트에 상대적이고 /user/pages/ 예배 규칙서.
두 가지 방법으로 절대 링크를 사용할 수 있습니다.
당신이 사용할 수있는 Slug Relative 경로에 슬러그 또는 디렉토리 이름을 포함하고 일반적으로 절대 링크에 사용되는 스타일.
당신이 사용할 수있는 Absolute Link 링크를 여는 a/.
![My image](/blue/img01/img.jpg)
위의 경로를 사용하면 다음과 같은 출력이 표시됩니다.
먼
원격 이미지 링크를 사용하면 URL을 통해 모든 미디어 파일을 직접 표시 할 수 있습니다. 이러한 링크에는 귀하의 사이트 콘텐츠가 포함되지 않습니다. 다음 예제는 원격 URL을 사용하여 이미지를 표시하는 방법을 보여줍니다-
![Remote Image 1](http://www.freedomwallpaper.com/nature-wallpaper/spring_nature-wide.jpg)
아래 이미지와 같이 링크를 클릭하면 해당 URL의 이미지가 표시됩니다.
이미지에 대한 미디어 작업
페이지와 관련된 이미지를 통해 Grav의 미디어 작업을 활용할 수 있습니다. Grav에서 콘텐츠를 만들 때 이미지, 비디오 및 기타 파일과 같은 일부 미디어 파일을 표시 할 수 있습니다.
예
아래 주어진 형식을 사용하여 이미지를로드 할 수 있습니다.
![Styling Example](../img01/img.jpg?cropResize = 400, 200)
위의 경로를 사용하면 아래와 같은 출력을 받게됩니다.