[github 홈페이지] 티스토리 블로그 링크 연결

[github 홈페이지] 티스토리 블로그 링크 연결

요즘 개인 홈페이지를 만들고 있어요! 구글링 하면서  만들고 있는데 쉽지 않아요..

 

제가 포크해온 블로그 테마는 아래 링크를 통해 보시면 됩니다.

 

https://github.com/sergiokopplin/indigo

sergiokopplin/indigo

---

우선 제가 이 테마에서 바꾸고 싶었던 것은 깃허브 내의 블로그로 연결되는 것을 제가 운영하고 있는 블로그를 홈페이지에 링크 거는 것이었어요!

 

여기를 누르면 원래는 같은 레포지토리에 올려놓은 글의 목록이 쭉 나옵니다.

아래처럼요!

 

 

저는 이미 티스토리에 블로그를 운영하고 있었기 때문에 블로그를 누르면 바로 티스토리로 연결되도록 하고 싶었습니다. 

계속 이것저것 시도를 해본 결과 성공했습니다!!

 

1. _includes/nav.html 수정

이 부분을 저렇게 바꿔줍니다.

밑에 resume가 구글로 연결되도록 되어있어서 url을 붙여 넣으면 될 것 같았는데 이 부분을 바꿔야 url을 넣으면 연결이 됩니다.

        {% if site.blog == true %}
            <li class="item">
                <a class="link" href="{% if site.blog-external %}{{ site.blog-url }}{% else %}{{ site.url }}/{{ site.blog-url }}{% endif %}">Blog</a>
            </li>
        {% endif %}

 

2. _config.yml  파일 수정

블로그와 관련된 걸 모두 주석처리를 해주고 아래처럼 써주면 됩니다.

blog: true
blog-external: true
blog-url: https://sotudy.tistory.com/

 

---

이렇게 타 사이트를 연결해주는 것은 몇개만 고쳐주면 됩니다~

 

https://soyoung24.github.io/

Home