WEB1- HTML & Internet ~엔딩 크래딧

2022. 5. 24. 22:31·📗 self-study/📗 생활코딩

깃허브를 이용하여 내 홈페이지를 다른 사람이 보도록 하기
New repository = 새로운 저장소 만들기
uploading an exisiring file = 내가 만든 홈페이지 업로드
-- 작성한 html 및 jph 등 업로드 후 커밋
---업로드한 html 선택해 보면 코드 보이고, 그 주소를 공유할 수도 있음
---setting - pages - none을 main으로 클릭 - save
(이때의 과정은 action을 눌러서 실시간으로 볼 수 있음)
--추가하려면 code-add file 접속 후 다시 전체 파일 업로드!

동영상 삽입
<iframe width="500" height="315" src="링크" frameborder="0" allowfullscreen> </iframe>

댓글 기능 추가(DISQUS, LIVERE>
DISQUS - 로그인 - 관리자 - your sites - Universal Code - html 복사 후 삽입

<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://web1-wgzixfuwcp.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>

새로고침 - We were unable to load Disqus. If you are a moderator please see our troubleshooting guide. 뜬다면,
웹서버를 이용해서 웹페이지를 열어야 함

주소창에 localhost/ or ip/index.html

대화창 만들기(tawk)

<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/628cd74bb0d10b6f3e73c7fe/1g3r2hvo4';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<!--End of Tawk.to Script-->

방문자 분석기(구글 analytics)

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-FD3K5R1FVG"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-FD3K5R1FVG');
</script>

'📗 self-study/📗 생활코딩' 카테고리의 다른 글
  • JAVA1 ~9.3. IoT 프로그램 만들기
  • JAVA1 ~4.2. 실행 - java의 동작 원리
  • [정리] 생활코딩 html
  • WEB1- HTML & Internet ~15. 웹사이트 완성
천재강쥐
천재강쥐
  • 천재강쥐
    디버거도 버거다
    천재강쥐
  • 전체
    오늘
    어제
    • Category (467)
      • 진짜 너무 궁금한데 이걸 나만 몰라...? (0)
      • 💾 Portfolio (2)
      • 🐤 CodingTest (28)
        • Java (20)
        • ᕕ(ꐦ°᷄д°᷅)ᕗ❌ (5)
      • 🚀 from error to study (142)
        • AI (1)
        • Cloud (2)
        • DB (12)
        • Front-End (16)
        • Github (14)
        • Java (39)
        • Mac (7)
        • Normal (29)
        • Server (22)
      • 📘 certificate (44)
        • 📘 리눅스마스터1급 (1)
        • 📘⭕️ 정보처리기사 (40)
        • 📘⭕️ SQLD (3)
      • 📗 self-study (234)
        • 📗 inflearn (35)
        • 📗 생활코딩 (8)
        • 📗 KH정보교육원 당산지원 (190)
      • 🎨 Scoop the others (0)
        • 📖 Peeking into other people.. (0)
        • 🇫🇷 (0)
        • 📘⭕️ 한국사능력검정시험 심화 (11)
        • 오블완 (4)
  • 인기 글

  • hELLO· Designed By정상우.v4.10.1
천재강쥐
WEB1- HTML & Internet ~엔딩 크래딧
상단으로

티스토리툴바