내 블로그에 개발자 명언 노출시키기

명언

 

안녕하세요.

요새 커스텀 엘리먼트의 매력에 빠져 소소하지만 커스텀 엘리먼트를 하나 만들어봤습니다.

 

제 블로그 상단에 노출되는 개발자 명언입니다.

개발자 명언

페이지가 새로 랜딩될때마다 명언이 랜덤하게 뽑혀서 나옵니다.

 

명언은 틈틈히 추가해나갈 것이며, 여러분들이 추가하고 싶은 명언이 있다면 PR을 날려주세요!!

 

---

적용 방법

티스토리 블로그를 예시로 적용 방법을 설명드릴게요.

어느 웹사이트든 적용가능합니다!

 

블로그 설정 > 스킨 편집 > html편집

 

위와 같이 접근하시고 단 두줄만 추가해주시면 됩니다!

 

cdn방식으로 스크립트를 불러오도록 했는데, 지금은 github로 연결되어있습니다. 추후 수정/보완할 예정입니다.

 

  <script async src="https://cdn.jsdelivr.net/gh/ParkBeomMin/quote-script@master/dist/index.min.js"></script>

 

위 스크립트를 head 태그 안에 넣어줍니다.

 

이제 개발자 명언을 노출시키고 싶은 위치에 다음 태그를 넣어주세요.

 

저는 main태그 하위로 넣어놨습니다!!

 <quote-script></quote-script>

 

이제 잘 적용되었는지 확인해보시면 됩니다!

 

---

앞으로 재미있는 커스텀 엘리먼트들을 틈틈히 만들어볼까 합니다!