Hugo와 Github Pages에서 블로그 개설. 신규 투고시의 이미지를 끌어오는 쉘 스크립트를 써 보았다.

1. 본 기사의 목표


  • Hugo와 Github Pages를 사용하여 블로그 열기
  • h tp // j 왔다. 코m/

  • 신규 투고시의 쉘 스크립트를 생각한다.

  • 2. 전제


  • 나는 신졸 2 년째 (곧, 3 년째)
  • 인프라 엔지니어를 한 후 현재 스크럼 마스터.
  • 그래서, 거기까지 기술적인 지식은 없다.

  • 3. 처음으로 갑시다!


  • Hugo와 Github Pages를 사용하여 블로그를 엽니 다

  • Hugo





    Github Pages



    벌써 여기는
    다양한 분들이 블로그로 정리해 주시고 있으므로 문제 없을까.
    yewton씨의 기사가 참고가 될 것 같습니다.
    (참고해 주셔서 감사합니다.)
    htps //w w. 네 w 톤. 네 t/2016/02/02/bぉgーぃthー후고/

    우선, 내 Hugo + Github Pages의 구성은
    여기 .

    남은 과제로서 도메인 주위라든지 정리할 필요가 있을지도?
    누군가 조언이 있으면 부탁드립니다. . .
    ~ ❯❯❯ dig jkkitakita.com
    
    ; <<>> DiG 9.8.3-P1 <<>> jkkitakita.com
    ;; global options: +cmd
    ;; Got answer:
    ;; ->>HEADER<<- opcode: QUERY, status: NOERROR, id: 2013
    ;; flags: qr rd ra; QUERY: 1, ANSWER: 2, AUTHORITY: 4, ADDITIONAL: 8
    
    ;; QUESTION SECTION:
    ;jkkitakita.com.            IN  A
    
    ;; ANSWER SECTION:
    jkkitakita.com.     300 IN  A   192.30.252.153
    jkkitakita.com.     300 IN  A   192.30.252.154
    
    ;; AUTHORITY SECTION:
    jkkitakita.com.     93078   IN  NS  ns-1622.awsdns-10.co.uk.
    jkkitakita.com.     93078   IN  NS  ns-1310.awsdns-35.org.
    jkkitakita.com.     93078   IN  NS  ns-708.awsdns-24.net.
    jkkitakita.com.     93078   IN  NS  ns-191.awsdns-23.com.
    
    ;; ADDITIONAL SECTION:
    ns-191.awsdns-23.com.   40099   IN  AAAA    2600:9000:5300:bf00::1
    ns-708.awsdns-24.net.   38549   IN  AAAA    2600:9000:5302:c400::1
    ns-1310.awsdns-35.org.  59218   IN  AAAA    2600:9000:5305:1e00::1
    ns-1622.awsdns-10.co.uk. 66592  IN  AAAA    2600:9000:5306:5600::1
    ns-191.awsdns-23.com.   40099   IN  A   205.251.192.191
    ns-708.awsdns-24.net.   38549   IN  A   205.251.194.196
    ns-1310.awsdns-35.org.  59218   IN  A   205.251.197.30
    ns-1622.awsdns-10.co.uk. 46709  IN  A   205.251.198.86
    
    ;; Query time: 16 msec
    ;; SERVER: 2400:2410:8be2:1d00:1111:1111:1111:1111#53(2400:2410:8be2:1d00:1111:1111:1111:1111)
    ;; WHEN: Sun Mar 12 23:57:59 2017
    ;; MSG SIZE  rcvd: 377
    

    memo


  • Hugo 관련
  • theme는, kakawait씨의 hugo-tranquilpeak-theme를 사용하게 했다.
    htps : /// ぇめ s. 고후고. 이오 / 후고 t 란쿠이 lpea k - ぇ 메 /
  • 그대로라면, archives 페이지가 잘 표시되지 않았기 때문에, layout/taxonomy/archive.html를 작성했다. (themes/hugo-tranquilpeak-theme/layouts/taxonomy/archive.terms.html에서 복제)
  • 일본어(ja)라면 역시 여러가지 안될까. (ex.placeholder가 아닌가.)
    ↓는, 해 두는 것이 좋을 것 같다.
  • languageCode = "en-us"
  • defaultContentLanguage = "en-us"



  • 도메인 관련
  • 192.30.252.153 , 192.30.252.154 는 Github Pages 도메인
    htps : // / lp. 기주 b. 코 m / r 치 c ぇ s / 싯 친 g - p an - ぺ x - 도마 인 /
  • 도메인은 .com 이름으로 관리
  • DNS 관련은 AWS Route53. (A 레코드)


  • 남은 과제
  • 하위 도메인은 Github Pages로 더 나은가요?
    htps : // 에 lp. 기주 b. 코 m / r 치 c ぇ s / 아보 t - 쏘 r 드 쿠 s와 m 도마이 s /
  • CDN 서비스
  • Hugo 지식 부족.
  • 재료 부족. 웃음


  • 2. 신규 투고시의 쉘 스크립트를 생각한다.

    왠지 작성만 하면 외로워서
    "예쁜 이미지를 원해!"
    무료 이미지적인 것을 끌어 오는 스크립트를 만들어 보았다.
    (이거 안된다면 누군가 지적해주세요. 웃음)

    거친 일의 흐름
  • · Pixabay에 계정 등록
    h tps : // Pipeba y. 코 m/그럼/
  • APIkey 발행
  • 쉘 작성
  • 기사 작성(hugo new)
  • curl에서 이미지 얻기
  • hugo 용 원 라이너로 성형
  • sed에서 새로 만든 기사에 삽입

  • 완성

  • post.sh
    #!bin/bash
    
    num=`expr $RANDOM % 20`
    DATE_TIME=`date '+%Y%m%d%H%M'`
    
    hugo new post/$1.md
    image=`curl 'https://pixabay.com/api/?key=${Key}&q=landscape&image_type=photo&pretty=true' | jq -r '.hits['$num'].webformatURL' | cut -c7-`
    
    gsed -i -e "2i coverImage = \"$image\"" content/post/$DATE_TIME.md
    gsed -i -e "2i thumbnailImage = \"$image\"" content/post/$DATE_TIME.md
    

    memo


  • 랜덤으로 20개 생성하는 느낌이 되어 있지만, 같은 이미지가 나올 수 있다.
  • sed에서 작동하지 않았기 때문에 gsed를 install했습니다.
    (참고) h tp // c 롯 s-b ck777. 하테나 bぉg. 코m/엔트리/2015/02/23/214337
  • 원래 블로그의 이미지, 라이센스, 저작권의 공부하지 않는다고 생각했다.
    "(/헤 @ *)")) 음, 박
  • Hugo씨의 logo는, 뭔가 갈 것 같다고 생각했으므로, 사용하게 했습니다.

  • 4. 사이고에



    Qiita라든지에서는
    조코 쵸코 게시했습니다.
    스스로 개설해 보고 싶고, 시작했습니다.

    쵸코쵸 여기 사이트 자체도
    update 될까라고 생각합니다만
    걱정하지 마세요. . . . 웃음

    아무래도 편하게 여러가지 쓰고 싶습니다.
    잘 부탁드립니다 😀

    좋은 웹페이지 즐겨찾기