GitHub Pages와 Hexo에 대한 새로운 기사를 썼는데, 이것은 더욱 이해하기 쉽다.
명령줄에서 블로그 실행
몇 번 달인 것 같지만 신경 써서 해봤어요.
워드프레스에 공개된 블로그도 동적 내용을 사용하지 않고 디자인도 신경 쓰지 않는다. 이렇게 하면 된다고 생각한다.

Github Pages

정적 웹 페이지를 게시할 수 있는 위탁 관리 서비스

이 서비스에는 Apache와 Nginx의 라우팅이 포함됩니다.

GitHub Pages에 웹 페이지를 게시하려면

여기(공식) 진행 절차를 참고하면 홈페이지를 공개할 수 있다.끝.
https://pages.github.com/
지금까지는 너무 간단했기 때문에 블로그 같은 절차를 추가하고 싶습니다.

정적 사이트 생성기 "Hexo" 를 사용하여 페이지를 작성하려면

정적 사이트 생성기

HTML, CSS 및 JavaScript를 사용하여 간단하게 페이지를 생성할 수 있는 도구

面倒なHTMLやCSSを書く必要がなくなります。

Hexo란 무엇인가

Nodejs가 생산하는 정적 사이트 생성기

다른 생성기보다 디자인이 생동감 있는 블로그 디자인 페이지를 만들 수 있다

似ているツールの一つに「Hugo」があります。
こちらは特に人気が出ている様です。
それぞれの出来るデザインの違いは記事最後にある参考ページを確認してみてください。

1. Hexo 설치

$ npm install -g hexo

2. Hexo에서 항목 만들기

$ hexo init sakkuntyoLab

3. Hexo 시작 및 페이지 확인

$ cd sakkuntyoLab
$ hexo server
INFO  Start processing
INFO  Hexo is running at http://localhost:4000. Press Ctrl+C to stop.

이렇게 브라우저로 연결하면 다음 페이지가 표시됩니다.
지정한 주소는 "http://localhost:4000“。

확인이 완료되면 Ctrl+C로 시작된 Hexo를 중지합니다.

4. Hexo에 글을 추가하기

$ hexo new "新しい記事のタイトル"
$ hexo server

브라우저에서 다시 확인해 볼게요.

본문 없는 기사가 추가된 것을 볼 수 있다.

5. 블로그 설정 편집

_config.yml 편집은 다음과 같습니다.
행 머리글 - 변경된 행이며 + 는 새로 추가된 행입니다.
- 및 +로 정렬하면 - 행이 +로 변경됩니다.

-title: Hexo
-subtitle:
+title: さっくんちょ実験室
+subtitle: いろいろやります
+author: sakkuntyo
+language: jagit 
+timezone: Asia/Tokyo
-url: http://yoursite.com
+url: https://githubユーザー名.github.io

변경 후 브라우저에서 다시 확인하십시오.

제목과 부제목 등이 변경된 것을 알았다.

6. github에 올리기

$ mkdir ../repo
$ cd ../repo
$ git clone https://github.com/githubユーザー名/githubユーザー名.io
$ cd githubユーザー名.io
$ mv ../sakkuntyoLab/* ./
$ rm .gitignore
$ git add *
$ git rm index.html
$ git commit -a -m "Hexo generated"
$ git push origin master
githubのユーザー名とパスワードを聞かれた場合は、入力してエンターを押します。

github에 공개된 페이지를 확인해 봅시다!
또 페이지를 반영하는 데 시간이 좀 걸릴 것 같으니 반영하지 않으면 시간을 두는 것이 좋다.

참고 자료

이번에 이 사이트의 보살핌을 받았다.
Node.js제 정적 사이트 생성기'Hexo'무료 블로그 개발vol.1
https://dotstud.io/blog/hexo-static-site-vol1/
코치인 제가 Hugo로 로비 공격수 사이트 만들기 #1 [준비편]
https://dotstud.io/blog/hugo-for-designers-vol1/