우과와 GitHub 행동을 통해 제 블로그를 다시 일으키겠습니다.

이것은 내가 2008년 이래로 세 번째로 나의 블로그를 진흥시키려고 시도한 것이다.나는 지금까지 나의 오래된 게시물을 이전한 적이 없다.어떤 게시물들은 외부에서 인용되었는데, 이것은 내가 예상하지 못한 것이다.그 중 일부는 링크로 쌓여 있는 답안에 발표되었다.트위터에서 메시지를 받았을 때 내 댓글이 사라졌다는 것을 깨달았다.다행히도, 이것은 더 이상 문제가 아니다. 왜냐하면 모든 주제가 시대에 뒤떨어져 아무도 더 이상 관심을 가지지 않기 때문이다.😌
먼저 WordPress부터 시작하겠습니다.이것은 매우 간단명료하다.하나의 큰 문제는 내가 갱신을 개의치 않는다는 것이다.네, 제가 진행하는WordPress가 있습니다.사후에 보니 이것은 매우 나쁜 결정이었다.몇몇 안전 문제 후에, 나는 나의 블로그를 철거하고, 제킬과 처음부터 시작했다.나는 마크다운에서 페이지를 만들고 사이트 생성기로 전체 사이트를 만드는 개념을 정말 사랑하게 되었다.그러나 이 시도도 성공하지 못했다.주로 내가 게으르기 때문에 쓸 좋은 생각이 없다.그래서 잠시 후에 저도 이 블로그를 닫고 간단한 정적 사이트를 만들어서 어떤 가상의'명함'으로 만들었습니다.

우과--새로운 희망
몇 주 전에 놀기 시작했어요Hugo.Hugo는 유행하는 소스 오픈 정적 사이트 생성기입니다.처음에는 작은 프로젝트로 나의 홈페이지를 대체했지만, 결국은 예상보다 더 긴 시간이 걸렸다. 왜냐하면 우과로 나의 사이트를 재건하고 블로그로 다시 시작하기 때문이다. 이것은 매우 재미있다.
기존Hugo themes은 좋고, 보기에는 좋지만, 당신의 독특한 외관과 느낌을 창조하고 싶을 때, 당신의 우과 주제를 창조해야 합니다.좋은 강좌가 많아요.나는 네가 자신의 주제를 쓰는 데 시간을 좀 쓸 것을 건의한다.나는 이것이 우과를 배워서 사물이 어떻게 작동하는지 이해하는 가장 좋은 방법이라고 생각한다.

어떤 CSS 프레임워크입니까?
자신의 주제를 설정하는 것은 녹슨 자바스크립트와 CSS 기술을 업데이트하는 데 아주 좋은 변화이다.이전 웹 프로젝트에서 Bootstrap 또는 Material Design를 사용했지만 이번에는 면적이 비교적 작은 CSS 프레임워크를 사용하고 싶습니다.
그래서 Skeleton부터 시작하기로 했어요.스켈레톤의 단점은 GitHub project이 더 이상 활발하지 않다는 것이다.지난번 발표는 2014년 12월에 공개된 공관과 문제가 있었다.그러나 이 외에도 통합과 맞춤형 제작이 용이하다.Skeleton은 일을 잘하지만 프로젝트가 더 이상 활동 상태에 있지 않기 때문에 나는 사용한다Milligram.밀리그램은 또한 신속하고 깨끗한 출발점, 최소한의 스타일 설정을 제공했다.그래서 내 디자인을 조정하고 밀리그램으로 전환하기 쉽다.

Hugo는 GitHub 작업으로 파이프를 구축합니다
다음에 우리는 새로운 내용을 발표하기 위해 파이프라인을 구축해야 한다.가장 간단한 방법은 당신의 사이트를 호스트GitHub Page로 하고 GitHub 조작을 찾아서 당신의 사이트를 발표하는 것입니다.시장에는 GitHub 페이지와 Hugo를 사용하여 작업 흐름을 설정하는 데 도움을 줄 수 있는 것이 많습니다.
나는 도메인 이름과 이메일을 위탁 관리하는 외부 공급자가 있다.그래서 나한텐 선택이 없는 거야.그래서 다음과 같은 GitHub 작업을 설정했습니다.

GitHub Actions - 첫 번째 단계는 GitHub repo에서 나의 Hugo 사이트를 볼 것이다.

actions/checkout - 다음 단계에서는 디렉토리public에 Hugo 사이트를 구축합니다.당신은 추가 lowply/build-hugo를 지정할 수 있습니다. 예를 들어 --minify, --baseURL 등

parameters for the Hugo CLI - 마지막으로 생성된 사이트를 디렉토리public에서 SFTP 서버로 업로드합니다.

참고: GitHub repo에 다음 내용이 포함된 파일.git-ftp-include을 추가해야 합니다.

!public/

기본적으로 추적 파일만 발표되기 때문입니다.이것은 디렉터리 public 에서 생성된 Hugo 사이트가 업로드될 것을 보장합니다.

If you have issues with self-signed certificate and SFTP you can add the flag insecure, which will not verify the server certificate.

SamKirkland/FTP-Deploy-Action
워크플로우 예
여기서는 전체 GitHub 워크플로우를 자세히 볼 수 있습니다.변경 사항이 주 지점에 통합되면 이 작업 흐름을 터치합니다.SFTP 암호 및 사용자 이름은 GitHub 비밀로 저장해야 합니다.공공 GitHub 저장소가 있을 때 FTP 서버와 포트를 GitHub에 저장하는 것도 좋은 방법입니다.

name: Build and Publish Hugo Site (MASTER)
on:
  push:
    branches: 
      - master
jobs:
  build:
    name: Publish Hugo Site (MASTER)
    runs-on: ubuntu-latest
    steps:
    - name: Checkout Source (GIT)
      uses: actions/checkout@v2
    - name: Hugo Build
      uses: lowply/[email protected]
      with:
        # Hugo parameters like --buildDrafts, --baseURL, etc.
        # see https://gohugo.io/getting-started/usage/
        args: --minify
    - name: List files for debugging
      # For debugging list files from current directory to console
      run: ls
    - name: Upload Generated Site (SFTP)
      uses: SamKirkland/[email protected]
      with:
        # eg. replace with secret ${{ secrets.FTP_URI }}/page
        ftp-server: sftp://foo.bar:22/page
        ftp-username: ${{ secrets.FTP_USERNAME }}
        ftp-password: ${{ secrets.FTP_PASSWORD }}
        local-dir: public
        # ignore self-signed certificates
        git-ftp-args: --insecure

자료 출처:
https://gist.github.com/rueedlinger/c6aa02a41b39d6f1bc6c56bbe86ce5e1
결론
나의 주요 수확은:

우과를 배우고 싶을 때 자신의 주제를 창조하는 데 시간을 들여라.이것은 매우 재미있다. 너는 우과가 어떻게 일을 하는지 더욱 잘 이해할 것이다.

자신의 주제를 구축하면 사이트의 외관을 최대한 유연하게 선택할 수 있다.

다른 주제에서 영감을 얻고 원본 코드를 확인합니다.이것은 다른 사람이 당신이 직면할 수 있는 몇 가지 문제를 어떻게 해결하는지 이해하는 좋은 방법이다.

나는 이 문장이 어느 정도 너에게 유용하길 바란다.나에게 있어서 우과 주제를 구축하고 GitHub 조작을 사용하는 것은 정말 재미있다.