GitHub 블로그 테마 이주 #7 - 테스트 사이트의 수정 사항 일괄 반영
GitHub 블로그 테마 이주 #7 - 테스트 사이트의 수정 사항 일괄 반영
앞에서는 테스트 사이트를 구축하여 개발한 후, 운영 사이트에 일괄 복제하는 방법을 소개하였습니다. 이 글에서는 개발 과정에서 현재까지의 테스트 사이트 수정 사항을 운영 사이트에 반영하는 방법을 소개합니다.
관련글
테스트 서버 구성
기존 데이터 복사
사이트 설정
커스터마이징 (Part 1)
커스터마이징 (Part 2)
운영 사이트에 반영
테스트 사이트의 수정 사항 일괄 반영
테스트 사이트 변경 내역의 예
테스트 사이트에 세 가지를 수정해서 각각 푸시하겠습니다.
목록내 링크의 밑줄 제거
목록(<li>)에 나오는 링크에 밑줄이 있습니다. 다소 복잡해 보이니 제거하겠습니다.
표 내부 링크에서 밑줄을 제거한 것처럼 _sass/minimal-mistakes/_base.scss을 수정하여, 목록 내 링크의 밑줄을 제거하겠습니다.
li {
a {
text-decoration: none;
}
}
수정 사항을 테스트 사이트에 푸시합니다.
git add -A
git commit -m 'remove underline of links in <li>'
git push
엣지 브라우저와 크롬 브라우저의 결과가 다릅니다. 엣지에서는 밑줄이 사라지지 않았지만, 크롬에서는 사라졌습니다. 해석하는 방식에 차이가 있거나 캐싱 때문으로 보입니다.
메인 페이지 제목 변경
메인 화면의 문구인 "퀀트강의 슬기로운 주식 정보"는 여러 번 등장합니다. index.md 파일을 수정하여 "성공적인 투자를 위해 "로 바꾸겠습니다.
layout: splash
title: 성공적인 투자를 위해
수정 후 푸시하니, 원하는 대로 잘 나오고 있습니다.
메인 페이지 배경 그림 변경
배경으로 사용하는 그림은 HTML에서 URL로 정의된 외부 링크입니다. 그러다 보니 화면에 나타나는데 시간이 소요되는 경우가 있습니다. 리포지토리에 사진을 넣고 이를 이용하는 방식으로 바꾸겠습니다. 역시 index.md를 수정합니다.
layout: splash
header:
overlay_image: "/assets/images/main.png"
세 가지 수정 사항 모두 잘 반영되었습니다. (이후 엣지에서도 밑줄이 제거된 것을 확인했습니다. 캐싱 때문인 듯 합니다)
변경 내역 확인
GitHub의 activity에서 세 건의 푸시가 이루어졌음을 확인할 수 있습니다.
세 가지 수정 사항은 각각 따로 푸시된 것입니다. 이를 모두 운영 사이트에 반영하려면 무엇을 고쳤는지 하나하나 따져가며 일일이 수정할 수 있습니다. 또는 통째로 복사할 수도 있습니다.
보다 쉬운 방법으로는 git의 업스트림(upstream)을 이용하는 것입니다.
운영 사이트에 변경 내역 일괄 적용
테스트 리포지토리를 운영 리포지토리의 upstream으로 추가합니다. (처음 한 번만 하면 됩니다)
git remote add upstream https://github.com/QuantKangAlpha/QuantKangAlpha.github.io.git
테스트 리포지토리의 수정 내역을 운영 리포지토리에도 반영하고 싶으면, 다음과 같이 하면 됩니다.
git pull upstream master
이후 일반적인 푸시처럼 진행하면 됩니다.
git add -A
git commit -m 'regular release'
git push
운영 사이트에도 수정 내역이 모두 잘 반영되었습니다. 운영 사이트는 애드센스를 켜 놓은 상태이기에 광고가 함께 표시되고 있습니다.
이제 개발은 테스트 사이트에서 하고, 필요한 경우 운영 사이트에 일괄 푸시할 수 있습니다.
댓글
댓글 쓰기