2016-09-10 1 views
0

저는 지킬을 사용하여 블로그를 만들고 gh 페이지로 github에서 호스팅하고 있습니다. 내 프로젝트의 루트는 아래와 참조 할 수 있습니다github에서 호스팅되는 지킬 프로젝트에 이미지를 포함시키는 방법은 무엇입니까?

├── LICENSE 
├── README.md 
├── _config.yml 
├── _img 
│   ├── 2016-09-09\ 14.48.20.png 
│   └── 2016-09-09\ 15.25.09.png 
. 
. 
. 
├── _posts 
│   ├── 2016-09-08-seven-weeks-before-applying-to-devops-job.markdown 
│   └── 2016-09-09-an-hour-with-ansible.md 
. 
. 
. 
├── _site 
│   ├── 2016 
│   │   └── 09 
│   │    ├── 08 
│   │    │   └── seven-weeks-before-applying-to-devops-job.html 
│   │    └── 09 
│   │     └── an-hour-with-ansible.html 
│   ├── LICENSE 
│   ├── README.md 
│   ├── about 
│   │   └── index.html 
│   ├── css 
│   │   └── main.css 
│   ├── feed.xml 
│   └── index.html 
├── about.md 
├── css 
│   └── main.scss 
├── feed.xml 
└── index.html 

문서는 다음 예제를 제공합니다

때문에 지킬의 유연성,이 작업을 수행하는 방법에 대한 많은 솔루션이 있습니다. 일반적인 해결책 중 하나는 프로젝트 디렉토리의 루트에 assets 또는 downloads과 같은 이미지 파일, 다운로드 파일 또는 기타 리소스가있는 폴더를 만드는 것입니다. 그런 다음 모든 게시물 내에서 사이트의 루트를 포함 할 자산의 경로로 링크 할 수 있습니다. 다시 말하지만, 이는 사이트의 하위 도메인과 경로가 구성되는 방식에 따라 달라 지지만 게시물에 site.url 변수를 사용하여이를 수행 할 수있는 방법에 대한 예제 (Markdown)가 있습니다.

![]({{ site.github.url }}/_img/2016-09-09 14.48.20.png) 

![]({{ site.url }}/_img/2016-09-09 15.25.09.png) 

나는 또한 시도했다 : 나는까지 gh-pages을 밀어 나는 여러 가지 방법을 시도했지만 비는 한 번 작업

... which is shown in the screenshot below: 
![My helpful screenshot]({{ site.url }}/assets/screenshot.jpg) 

: 게시물에서 이미지 자산을 포함

_img 디렉토리를 다음과 같이 둡니다. _config.yaml

# Build settings 
markdown: kramdown 

keep_files: ["_img"] 

하지만이 또한 작동하지 않습니다. 그러면 github에서 호스팅되는 jeykll 프로젝트에 어떻게 이미지를 포함시킬 수 있습니까? 당신의 도움에 대한

감사합니다 :)

답변

2

밑줄로 시작하는 모든 폴더는 빌드 대상에 복사되지 않습니다. 이미지를 저장하는 가장 일반적인 방법은 assets/img 폴더에 이미지를 추가하는 것입니다. 당신이 당신의 _config.yml에 추가해야 _img 사용하려면 는 :

include: 
    - "_img" 
0
  • 당신은 당신의 소원에 따라 이름을 지정할 수, 이미지의 폴더를 만듭니다
  • (광산은 "이미지"입니다) 찾기 게시물에 포함 할 이미지의 이미지 주소 (폴더 이미지로 이동하여 이미지를 마우스 오른쪽 버튼으로 클릭 한 다음 이미지 주소를 복사하면됩니다.)
  • 이제 해당 주소를 어떤 문제.
관련 문제