WEB1 부록 (1-2)

yiseonline·2023년 3월 21일
0

WEB

목록 보기
5/10
post-thumbnail

1은 동영상 삽입이다
유튜브에서 공유 누르고 퍼가기 누르면 링크가 뜸. 그거 복붙하면 됩니다요

<p><iframe width="560" height="315" 
    src="https://www.youtube.com/embed/tZooW6PritE" 
    title="YouTube video player" frameborder="0" 
    allow="accelerometer; autoplay; clipboard-write; 
    encrypted-media; gyroscope; picture-in-picture; web-share" 
    allowfullscreen></iframe></p>

이거였음

2는 댓글기능 추가
이건 좀 힘들었다 1보다는
disqus라는 사이트에서 코드를 퍼옴

<p>
        <div id="disqus_thread"></div>
<script>
    /**
    *  RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
    *  LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables    */
    /*
    var disqus_config = function () {
    this.page.url = PAGE_URL;  // Replace PAGE_URL with your page's canonical URL variable
    this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
    };
    */
    (function() { // DON'T EDIT BELOW THIS LINE
    var d = document, s = d.createElement('script');
    s.src = 'https://yiseonline.disqus.com/embed.js';
    s.setAttribute('data-timestamp', +new Date());
    (d.head || d.body).appendChild(s);
    })();
</script>
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
    </p>

코드는 이거다
이거 하고 깃허브에서 위에 코드 붙인거로 업데이트 하고 페이지 생성해서 브라우저에 복붙하면 나온다 호호

꼭 파일형식이 아닌 페이지 형식으로 해야함

0개의 댓글