관리 메뉴

Silver Library (Archived)

블로그 리모델링 - 7. 치환자는 두렵지않다 본문

Personal DB/Unclassified record

블로그 리모델링 - 7. 치환자는 두렵지않다

Ayin Kim 2021. 3. 10. 15:26
반응형

첫 시작에서 가장 막히다 못해 모든 작업을 일시 중단하고 처음부터 시작하게 만든 원흉이었습니다. 치환자. 정말 치가 떨리지만, 다시 한번 용기를 내어 접해보았습니다.

 

분명, 개념으로는 타 문서와 링크 시켜주는 import, src 를 통해서 하는 일종의 하이퍼링크 라는 건 알겠지만...장고의 악몽이 떠올라서 무섭네요.

마음속에서 몇 분을 이렇게 외치고...

티스토리 치환자 링크 는 처음 보면 공포 그 자체인데, 사실 정말 다행스럽게도 예시가 있습니다.

그리고 다른 선구자들이 일궈 놓은 작업 물의 흔적을 이리저리 참고해보며 계설을 해본 결과...

이런 코드가 나왔습니다.

<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>블로그 리모델링 - 7. 치환자는 두렵지않다</title>
</head>
<body id='tt-body-page'>
  <s_t3></s_t3>
  <script type="text/javascript" src="https://t1.daumcdn.net/tistory_admin/blogs/script/blog/common.js"></script>
  <div style="margin:0; padding:0; border:none; background:none; float:none; clear:none; z-index:0"></div>

  <div class="main">
    <div class="header">
        <div class="wrapHeader">
            <a href="https://silverlibrary.tistory.com/">
                <img class="imgBlog" height="24" src="https://t1.daumcdn.net/tistory_admin/static/manage/images/r3/default_L.png" />
                Silver Library (Archived) (Ayin Kim)
                |
                
            </a>
        </div>
    </div>
    
<!--
  <div class="wrapHeader">
    <ul>
        <a href="/">        </a>
        <li class="t_menu_home first">
            <a href="/"></a>
            <a href="/">홈</a>
        </li>
        <li class="t_menu_tag">
            <a href="/tag">태그</a>
        </li>
        <li class="t_menu_guestbook last">
            <a href="/guestbook">방명록</a>
        </li>
    </ul>
  </div>
-->

</body>
</html>

<s_t3> 는 티스토리 에서 작동하기 위해 필요한 필수 자바스크립트(이하 JS) 라고 합니다.

아래의 두 코드도 마찬가지이고요.

 

일단 다른 선구자가 해둔 뼈대를 빌려와서 옮겨 적용해봤습니다.

 

사실 이 모습을 봤을 땐 안도감과 허무함이 들었습니다. 아무래도 치환자 라는 것이 티스토리의 백엔드 부분하고 연결이 잘 되고 있나 봅니다. 블로그 사진도(티스토리에 업로드 된)제대로 불러 오고 있고, 주소도 정상적으로 리다이렉트 되고 있습니다.

 

남은 건 레이아웃 작업 뿐.