정적 사이트 생성기 용 사이트에 Atom에서 좋은 느낌으로 이미지를 삽입하고 싶습니다.
1912 단어 ATOM
예를 들어 Hugo의 경우,
1.
static 폴더 아래에 이미지 저장2. 이미지 이름 복사
3. 편집기에 이미지 경로 작성
특히 1.이 번거롭고, 왠지 확실히 이미지를 붙여넣으면,
static/images 부하라든지에 저장되어, 그래서 에디터에는 /images/画像名.png 라든지가 마음대로 삽입되지 않을까라고 생각하고 있었다.그래서 만들었습니다.
그리고 m. 이오 / Pac 게이 s / Inse rt-Emage-to-Mep 로지 ct
json으로 설정 파일을 작성하여 프로젝트별로 저장 위치 등을 관리 할 수 있습니다. .image-config.json { "images": { "storePath": "/images", "wwwRoot": "/static", } } storePath에 /static을 넣으면 이미지가 /static/images에 저장되고 붙여 넣어지는 url은 /static/images/hogehoge입니다. Grammar 마다 삽입할 때의 형식을 지정할 수 있습니다 Hugo에서는 이미지를 붙여 넣을 때 { {< figure src="/img/hoge.jpg" >} }와 같은 스 니펫을 넣고 싶습니다. .image-config.json { "storePath": "/images", "wwwRoot": "/static", "grammars": { "Markdown": { "url": "{ {< figure src=\"${url}\" >} }" }, "GitHub Markdown": { "url": "{ {< figure src=\"${url}\" >} }" }, "HTML": { "url": "<img src=\"${url}\" alt=\"\">" } } } 이런 식으로 해 보겠습니다. 붙이면. { {< figure src="/images/b1ce5a71b477ae5b5e745842604575cd.png" >} } 그런 텍스트가 편집기에 붙여 넣어졌습니다. grammars를 추가하는 것으로 다양한 언어에 대응할 수 있으므로, Rails의 slim라든지라도 사용할 수 있군요. 그리고 m. 이오 / Pac 게이 s / Inse rt-Emage-to-Mep 로지 ct
Reference
이 문제에 관하여(정적 사이트 생성기 용 사이트에 Atom에서 좋은 느낌으로 이미지를 삽입하고 싶습니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/shwld/items/414131a593cb69aa72ab텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
