IT story

Markdown을 사용하여 GitHub 위키에서 이미지 크기 조정

hot-time 2020. 4. 17. 08:26
반응형

Markdown을 사용하여 GitHub 위키에서 이미지 크기 조정


GitHub에서 위키 페이지를 작성 중이며 Markdown을 사용하고 있습니다.

내 문제는 큰 이미지 (이 이미지는 자체 저장소에 있음)를 넣고 크기를 조정해야한다는 것입니다.

다른 솔루션을 시도했지만 작동하지 않습니다.

![image](http://url.to/image.png "Title" {width=40px height=400px})

![image](http://url.to/image.png = 250x250)

![image](http://url.to/image.png = 250x)

[[http://url.to/image.png = 250x]]

그것을 얻는 방법이 있습니까?

HTML이없는 것이 좋습니다.


업데이트 :

코드 (외부 / 내부) :

![test](https://github.com/favicon.ico)

코드 ( 사이징을 위한 내부 / 외부 ) :

<img src="https://github.com/favicon.ico" width="48">

예:

테스트


기존 답변 :

이것은 작동해야합니다 :

[[ http://url.to/image.png | 높이 = 100px]]

출처 : https://guides.github.com/features/mastering-markdown/


GitHub에서 Markdown 대신 HTML을 직접 사용할 수 있습니다.

<a href="url"><img src="http://url.to/image.png" align="left" height="48" width="48" ></a>

이렇게해야합니다.


GitHub의 이미지에 대해 직접 HTML 형식 만 설정한지 거의 5 년이 지나고 다른 마크 다운 옵션을 사용하면 치수가 잘못된 경우에도 일부 사용자 정의 크기를 지정할 때 이미지가로드되지 않습니다. 원하는 너비를 지정하고 높이를 자동으로 계산하는 것을 선호합니다.

<img src="https://github.com/your_image.png" alt="Your image title" width="250"/>


위에서 설명한 방법을 사용했습니다. 이제는 비슷하지만 더 간단한 방법을 사용하고 있습니다.

  1. 먼저 프로젝트에 README.md 파일을 추가하십시오.
  2. 그런 다음 스크린 샷이나 설명 이미지를 프로젝트 기본 디렉토리에 업로드하십시오.
  3. 이미지 자산을 업로드 한 후 html을 사용하여 아래와 같은 링크를 사용하지 않고 이러한 자산을 직접 참조하십시오.

UI 인터페이스없이 비디오를 녹화하는 Amdroid 비디오 레코더. 화면이 꺼져 있어도 비디오를 녹화합니다.

<img src="icon.jpg" width="324" height="324">

<p align="center">
  <img src="screen1.png" width="256" height="455">
  <img src="screen2.png" width="256" height="455">
  <img src="screen3.png" width="256" height="455">
</p>

위의 예제에서 단락을 사용하여 이미지를 나란히 정렬했습니다. 단일 이미지를 사용하려면 아래 코드를 사용하십시오.

<img src="icon.jpg" width="324" height="324">

좋은 하루 보내세요!


이것은 다른 질문을 해결합니다. 처음에 이미지를 github과 반대로 마크 다운하는 방법은 무엇입니까?


되는 2015 년 12, 그 단지에있는 파일에 대한 링크가 보인다 github.com거나 cloud.githubusercontent.com또는 작업을 같이합니다. 요점에서 나를 위해 일한 단계 :

  1. 요점을 말하십시오 Mygist.md(선택적으로 더 많은 파일)
  2. 끝에있는 "댓글 쓰기"상자로 이동
  3. "파일 첨부 ..."를 클릭하십시오. 로컬 이미지 파일을 선택하십시오
  4. GitHub는 이미지를 넣는 길고 긴 문자열을 에코합니다 (예 :! [khan-lasso-squared] ( https://cloud.githubusercontent.com/assets/1280390/12011119/596fdca4-acc2-11e5-84d0-4878164e04bb.png )
  5. 에 손으로 잘라 붙여 넣습니다 Mygist.md.

그러나 GitHub 사용자는 문서화하지 않고 내일이 동작을 변경할 수 있습니다.


GitHub Pages는 이제 kramdown 을 마크 다운 엔진으로 사용하므로 다음 구문을 사용할 수 있습니다.

Here is an inline ![smiley](smiley.png){:height="36px" width="36px"}.

http://kramdown.gettalong.org/syntax.html#images

그래도 GitHub 위키에서 테스트하지 않았습니다.

참고 URL : https://stackoverflow.com/questions/24383700/resize-image-in-the-wiki-of-github-using-markdown

반응형

'IT story' 카테고리의 다른 글

Twitter Bootstrap 3의 IE8 문제  (0) 2020.04.17
jquery Ajax 웹 서비스에 JSON 게시  (0) 2020.04.17
Java의 KeyValuePair  (0) 2020.04.17
UTC 타임 스탬프 받기  (0) 2020.04.17
IIS 응용 프로그램 풀이 란 무엇입니까?  (0) 2020.04.17