Github을 사용하여 HTML 미리보기가 가능할 때까지
Github 계정 등록
우선은 계정을 등록. 이것이 없으면 Github에서 아무것도 할 수 없습니다.
이쪽이 투고하고 있는 계정 등록 방법: 【2019년 1월 현재】GitHub 계정 작성 방법 를 봐 주세요.
리포지토리 만들기
원래 리포지토리는 뭐야? 라고 하는 분을 위해서 이쪽의 링크를 부디.
지금도 들을 수 없다! GitHub 사용법 [초초보자용]
물건 굉장히 설명하면, 「작업 공간」같은 것입니다. 조금 PC를 아는 분이라면, 작업용 폴더를 새롭게 만들었다, 라고 비유해도 좋을지도 모릅니다.
여기에 파일을 몇 개나 추가해 가거나, 한층 더 이 안에 폴더를 만들어 가거나 합니다. 그러므로, 조속히 만들어 갑시다.
우선 프로필 화면을 클릭
어디에 있어도 오른쪽 상단에 나오는 이 이미지 화살표 끝의 + 마크 아이콘을 클릭합시다.
계속되어 나온 「New repository」를 클릭.
이 화면이 되었다고 생각하므로, "Repository name"에 이름을 넣자. 일본어라고 인식하지 않고 "-"라는 이름이되어 버리므로 영어 이름을 권장합니다.
그 외는 특별히 농락하지 않고, 그대로 「Create repository」!
이런 화면이 되면 성공입니다!
HTML 파일 업로드
만든 것만으로는 아직 볼 수 없으므로 업로드합시다! "uploading an existing file"을 클릭합니다.
여기 중앙에보고 싶은 HTML 파일을 드래그 앤 드롭으로 넣고 "Commit changes"를 클릭하십시오.
이번에는 이런 텍토 HTML 파일을 사용해 보겠습니다.
test.html<!DOCTYPE html>
<html lang = "ja">
<head>
<title>テストの文章だよ～</title>
<meta charset="UTF-8">
</head>
<body>
<h1>
ここがh1だよ
</h1>
<p>
ここは
普通に改行できる
</p>
</body>
</html>
업로드가 완료되면 화면이 바뀝니다만… … 이것만으로는 아직 볼 수 없습니다. 설정에서 페이지를 클릭합니다.
"None"을 클릭하고 "main"으로 변경하고 "Save"를 클릭합니다.
이것으로 모든 준비가 완료입니다!
막상 미리보기!
링크명은 「https://(계정명).github.io/(만든 리포지토리의 이름)/(본다 HTML 파일의 이름)」입니다.
예를 들면 이번 제의 경우는 계정명은 「Rigal1」, 리포지토리의 이름은 「test_name」, 보는 HTML 파일의 이름은 「test.html」이므로, 「htps : // 리가 l1. 기주 b. 이오 / 테 st_ 핥아 / st. HTML 」가 됩니다.
무사히 HTML을 볼 수 있었습니다!
파일을 추가하려면
"Code"의 "Add file"에서 "Upload files"를 선택합시다. 처음 업로드한 화면과 같은 화면이 나오므로 파일을 업로드하세요.
무사히 할 수 있으면, 아까 사용한 링크의 파일명만 바꾸면 그 파일도 프리뷰 할 수 있습니다!
끝에
Google 드라이브의 HTML 프리뷰는 없어졌습니다만, Github에서는 조금 수고가 걸립니다만 이렇게 프리뷰를 할 수 있게 되었으므로, 간편하게 Web 사이트를 열람할 수 있게 되었습니다.
HTML 파일을 부담없이 공유해, 사이트로서 보고 싶은 분은 꼭 참고해 주세요!
Reference
이 문제에 관하여(Github을 사용하여 HTML 미리보기가 가능할 때까지), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/Rigal/items/8e8e6f1dd3f1c84fef21
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
원래 리포지토리는 뭐야? 라고 하는 분을 위해서 이쪽의 링크를 부디.
지금도 들을 수 없다! GitHub 사용법 [초초보자용]
물건 굉장히 설명하면, 「작업 공간」같은 것입니다. 조금 PC를 아는 분이라면, 작업용 폴더를 새롭게 만들었다, 라고 비유해도 좋을지도 모릅니다.
여기에 파일을 몇 개나 추가해 가거나, 한층 더 이 안에 폴더를 만들어 가거나 합니다. 그러므로, 조속히 만들어 갑시다.
우선 프로필 화면을 클릭
어디에 있어도 오른쪽 상단에 나오는 이 이미지 화살표 끝의 + 마크 아이콘을 클릭합시다.
계속되어 나온 「New repository」를 클릭.
이 화면이 되었다고 생각하므로, "Repository name"에 이름을 넣자. 일본어라고 인식하지 않고 "-"라는 이름이되어 버리므로 영어 이름을 권장합니다.
그 외는 특별히 농락하지 않고, 그대로 「Create repository」!
이런 화면이 되면 성공입니다!
HTML 파일 업로드
만든 것만으로는 아직 볼 수 없으므로 업로드합시다! "uploading an existing file"을 클릭합니다.
여기 중앙에보고 싶은 HTML 파일을 드래그 앤 드롭으로 넣고 "Commit changes"를 클릭하십시오.
이번에는 이런 텍토 HTML 파일을 사용해 보겠습니다.
test.html<!DOCTYPE html>
<html lang = "ja">
<head>
<title>テストの文章だよ～</title>
<meta charset="UTF-8">
</head>
<body>
<h1>
ここがh1だよ
</h1>
<p>
ここは
普通に改行できる
</p>
</body>
</html>
업로드가 완료되면 화면이 바뀝니다만… … 이것만으로는 아직 볼 수 없습니다. 설정에서 페이지를 클릭합니다.
"None"을 클릭하고 "main"으로 변경하고 "Save"를 클릭합니다.
이것으로 모든 준비가 완료입니다!
막상 미리보기!
링크명은 「https://(계정명).github.io/(만든 리포지토리의 이름)/(본다 HTML 파일의 이름)」입니다.
예를 들면 이번 제의 경우는 계정명은 「Rigal1」, 리포지토리의 이름은 「test_name」, 보는 HTML 파일의 이름은 「test.html」이므로, 「htps : // 리가 l1. 기주 b. 이오 / 테 st_ 핥아 / st. HTML 」가 됩니다.
무사히 HTML을 볼 수 있었습니다!
파일을 추가하려면
"Code"의 "Add file"에서 "Upload files"를 선택합시다. 처음 업로드한 화면과 같은 화면이 나오므로 파일을 업로드하세요.
무사히 할 수 있으면, 아까 사용한 링크의 파일명만 바꾸면 그 파일도 프리뷰 할 수 있습니다!
끝에
Google 드라이브의 HTML 프리뷰는 없어졌습니다만, Github에서는 조금 수고가 걸립니다만 이렇게 프리뷰를 할 수 있게 되었으므로, 간편하게 Web 사이트를 열람할 수 있게 되었습니다.
HTML 파일을 부담없이 공유해, 사이트로서 보고 싶은 분은 꼭 참고해 주세요!
Reference
이 문제에 관하여(Github을 사용하여 HTML 미리보기가 가능할 때까지), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/Rigal/items/8e8e6f1dd3f1c84fef21
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
<!DOCTYPE html>
<html lang = "ja">
<head>
<title>テストの文章だよ～</title>
<meta charset="UTF-8">
</head>
<body>
<h1>
ここがh1だよ
</h1>
<p>
ここは
普通に改行できる
</p>
</body>
</html>
링크명은 「https://(계정명).github.io/(만든 리포지토리의 이름)/(본다 HTML 파일의 이름)」입니다.
예를 들면 이번 제의 경우는 계정명은 「Rigal1」, 리포지토리의 이름은 「test_name」, 보는 HTML 파일의 이름은 「test.html」이므로, 「htps : // 리가 l1. 기주 b. 이오 / 테 st_ 핥아 / st. HTML 」가 됩니다.
무사히 HTML을 볼 수 있었습니다!
파일을 추가하려면
"Code"의 "Add file"에서 "Upload files"를 선택합시다. 처음 업로드한 화면과 같은 화면이 나오므로 파일을 업로드하세요.
무사히 할 수 있으면, 아까 사용한 링크의 파일명만 바꾸면 그 파일도 프리뷰 할 수 있습니다!
끝에
Google 드라이브의 HTML 프리뷰는 없어졌습니다만, Github에서는 조금 수고가 걸립니다만 이렇게 프리뷰를 할 수 있게 되었으므로, 간편하게 Web 사이트를 열람할 수 있게 되었습니다.
HTML 파일을 부담없이 공유해, 사이트로서 보고 싶은 분은 꼭 참고해 주세요!
Reference
이 문제에 관하여(Github을 사용하여 HTML 미리보기가 가능할 때까지), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/Rigal/items/8e8e6f1dd3f1c84fef21
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Google 드라이브의 HTML 프리뷰는 없어졌습니다만, Github에서는 조금 수고가 걸립니다만 이렇게 프리뷰를 할 수 있게 되었으므로, 간편하게 Web 사이트를 열람할 수 있게 되었습니다.
HTML 파일을 부담없이 공유해, 사이트로서 보고 싶은 분은 꼭 참고해 주세요!
Reference
이 문제에 관하여(Github을 사용하여 HTML 미리보기가 가능할 때까지), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/Rigal/items/8e8e6f1dd3f1c84fef21텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
