너무 어려운 생각하지 말고 먼저 사이트를 만들어라

가장 짧고 빠른 속도로 사이트의 볼륨을 만들다

개시하다

구상적 독자

다소 지령을 사용할 수 있고, 홈페이지에도 약간의 기교가 있는데, 어쨌든 새로운 일을 하고 싶다(◇
본가의 영어를 읽고 싶지는 않지만 그게 마음에 걸려서 해보고 싶어요(◇
이런 시시한 일은 괜찮다. 어쨌든 빨리 해 보고 싶다
아무것도 모르지만 어쨌든 해보고 싶다(△
★예의 바르게 설명하는 다른 사이트도 많다

준비물

GiitHub 계정

PC/Mac+통신환경+node,yarn

주의점

이번에는 Docuusauus라는 도구를 사용하겠습니다.
v1과와 v2과는 완전히 다르기 때문에 투덜거릴 때 주의하세요
이번에 이용한 건 v2과예요.
https://v2.docusaurus.io/
지엽적인 것을 많이 생략하면 (늪이 깊다)

골대

사이트가 만들어졌어요!봤어!(게다가 무료)

단계(대략)

먼저 절차를 머릿속에 기억해라

GitHub에서 창고 만들기(Public용)

clone래(clone의 곳을 작업장으로 삼는다)

터미널(명령 알림)을 시작하고 clone 작업장으로 이동

Docuusauurus

설정

디자인!(만세)

GiitHub의 설정 변경

확인 표시(끝)

왜 GiitHub일까요?

그것은 공짜입니다.(안직)
창고에 내용을 넣고 GiitHub 호스트로
GiitHubPages라는 서비스를 이용해서...
https://pages.github.com/(참조)
완성된 사이트 주소는

https://username.github.io

또는

https://username.github.io/リポジトリ名

의 느낌 (이번엔 여기서 설명)

잠깐만, 내 사이트!

GiitHub에 창고 만들기

생략

명령을 사용할 수 있는지 확인

node -v

버전만 나오면 OK.

yarn -v

버전만 나오면 OK.
● 가능하면 지령을 최신으로 갱신하고 싶으니 미리 갱신하자

지령과 격투하다

어쨌든 Docuusauurs를 먼저 설정해 주세요.
● 다음 명령의'my-website'부분을 자신이 만든 사이트 이름으로 변경해 실행
이 이름으로 폴더 만들기

npx @docusaurus/init@latest init my-website classic

→classic의 부분은 템플릿 이름이고 다른 부분으로 변경할 수 있습니다
여기까지만 환승 지점입니다!

프로필 바꾸기

완성된 폴더 구성은 이런 느낌이에요.

my-website
├── blog
│   ├── 2019-05-28-hola.md
│   ├── 2019-05-29-hello-world.md
│   └── 2020-05-30-welcome.md
├── docs
│   ├── doc1.md
│   ├── doc2.md
│   ├── doc3.md
│   └── mdx.md
├── src
│   ├── css
│   │   └── custom.css
│   └── pages
│       ├── styles.module.css
│       └── index.js
├── static
│   └── img
├── docusaurus.config.js
├── package.json
├── README.md
├── sidebars.js
└── yarn.lock

신경 쓰이는 부분이 많은데, 우선
docusaurus.config.js
업데이트 로그
좋아하는 편집기에서 다음 버튼을 수정합니다

organizationName : GitHubユーザー名に変更
projectName : GitHubのリポジトリ名に変更
url : GitHub Pages のURLに変更(ex. https://username.github.io/リポジトリ名)
baseUrl : /リポジトリ名/ に変更

프로그램 설계!(GiitHub에 등록된 웹 사이트)

GIT_USER=<GITHUB_USERNAME> yarn deploy

⊙ GiitHub에 gh-pages라는 지점을 만들어 잘 만든 사이트를 보관하고 있다.

GiitHub 설정 변경

GiitHub의 창고 페이지에서 Settings를 선택하고 Giithub 페이지를 사용하십시오

Branch: gh-pages
File:/(root)
Save 를 선택하고 Save 버튼을 누릅니다.

완성된 사이트 확인!

https://username.github.io/リポジトリ名

대성공을 축하드립니다.
10분 동안 웹 사이트 제작의 실제 성과와 성과를 완성하였다

그리고 끓여도 좋고 끓여도 좋고, 자신의 사이트로 완성도를 높이세요.

기타 할 수 있는 일

네가 나를 많이 알면 나는 매우 만족한다
세세한 설정이나 디자인을 바꿔보도록 하겠습니다.
손 옆에서 동작을 확인하고 디버깅을 하는 게 좋을 것 같아요.

yarn start

빠질 듯한 곳

(노드나 장착 가능한 기술이 있으면 걸려 넘어지지 않는다.)

node는 말하지 않았다

yarn 미첨가

git

가 불러오지 않았습니다.

GiitHub 사용법 몰라

잘 모르는 오류가 발생했습니다. 어떻게 하죠?

그렇다면 왜 Docuusauus일까요

(보기에는 간단하다
스케줄러: 그런 유행 느낌은 아니지만