Gitee에서 개인 웹사이트를 구축하는 방법
- PHPz원래의
- 2023-03-31 09:07:432806검색
프로그래머로서 우리는 우리가 작성한 코드와 프로젝트를 다른 개발자들과 공유해야 하는 경우가 많습니다. 이때 다른 사람들이 우리의 기술 수준과 역량을 한 곳에서 이해할 수 있도록 하는 개인 웹사이트가 매우 중요합니다. WordPress 등 개인 웹 사이트 구축 도구는 많이 들어봤지만 개발자에게는 GitPages나 Gitee Pages와 같은 정적 웹 사이트 구축 방법을 사용하는 것이 더 적합할 수 있습니다. Gitee 웹 사이트.
1. 웨어하우스 생성
먼저 Gitee에 코드 웨어하우스를 생성해야 합니다. 여기서 주의할 점은 웨어하우스의 이름이 "username.gitee.io"의 사양을 준수해야 한다는 것입니다. 즉, 사용자 이름이 "example"인 경우 생성하는 웨어하우스의 이름은 "example.gitee.io"여야 합니다. 웨어하우스를 생성한 후에는 웨어하우스를 로컬로 복제해야 합니다.
2. 템플릿 준비
다음으로 개인 웹사이트를 구축하는 데 사용할 템플릿을 선택해야 합니다. 여기서는 개인 웹사이트를 구축하는 데 사용할 수 있는 여러 템플릿을 제공합니다.
- 최소한의 실수: 이것은 매우 인기 있는 템플릿입니다. 테마는 Bootstrap을 기반으로 하며 다양한 화면 크기에 완벽하게 적응하는 반응형 디자인을 갖추고 있습니다.
- Lanyon: 심플한 지킬 테마입니다. 디자인 스타일이 문학, 독서, 글쓰기 등의 개인 웹사이트에 매우 적합합니다.
- Pixyll: 매우 간단한 Jekyll 테마로, 정보와 작업을 표시하는 간단한 페이지만 필요한 개인 웹사이트에 매우 적합한 디자인입니다.
템플릿을 선택한 후 로컬로 템플릿을 다운로드하여 웨어하우스 디렉토리에 추출해야 합니다.
3. 구성 파일 수정
웨어하우스 디렉터리에서 _config.yml과 index.md 두 파일을 수정해야 합니다.
_config.yml의 구성 항목:
- 제목: 웹 사이트 이름.
- 이메일: 이메일 주소입니다.
- 저자: 저작자 이름.
- 설명: 웹사이트 설명.
- url: 웹사이트 주소입니다. "https://yourusername.gitee.io"로 설정해야 합니다.
- github_username: Github 사용자 이름.
- twitter_username: 귀하의 트위터 사용자 이름입니다.
index.md 파일의 구성 항목:
- title: 웹사이트 이름.
- 자막: 웹사이트 자막.
- 기능: 웹사이트 기능 목록입니다.
- about: 당신에 대해.
- footer-links: 바닥글 링크 목록입니다.
수정이 완료된 후 Jekyll 서비스를 로컬에서 실행하려면 다음 명령을 사용하면 됩니다.
$ jekyll serve
4. 웹사이트 게시
Jekyll 서비스를 로컬에서 실행한 후 http:/에 접속하여 웹사이트를 미리 볼 수 있습니다. /127.0.0.1:4000 . 모든 것이 괜찮다면 Gitee에 웹사이트를 게시할 수 있습니다.
계속해서 로컬에서 Jekyll 서비스를 실행하고 새 터미널을 열고 다음 명령을 입력하세요.
git add . git commit -m "Initial commit" git push
그 후 Gitee에서 저희 웹사이트를 보실 수 있습니다. 브라우저에서 https://username.gitee.io를 방문하면 웹사이트를 볼 수 있습니다.
5. 개인 웹사이트 맞춤화
위는 다른 사람의 Jekyll 테마를 사용하여 개인 웹사이트를 구축하는 방법이지만, 개인화된 웹사이트를 원한다면 해당 웹페이지 파일을 수정해야 합니다. 홈페이지의 레이아웃을 수정하려면 index.html 파일을 수정해야 하고, 정보 페이지를 추가하려면 about.html 파일을 만들어야 하는 등의 작업이 있습니다.
요컨대, 이러한 단계를 통해 Gitee에서 자신만의 개인 웹사이트를 쉽게 구축할 수 있습니다. 매우 편리하고 플레이 가능성이 높습니다. 다양한 템플릿과 사용자 정의 테마를 사용하여 개인 웹사이트를 구축하고 디자인할 수 있습니다.
위 내용은 Gitee에서 개인 웹사이트를 구축하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!