Notice
Recent Posts
Recent Comments
Link
ยซ   2024/12   ยป
์ผ ์›” ํ™” ์ˆ˜ ๋ชฉ ๊ธˆ ํ† 
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
Archives
Today
Total
๊ด€๋ฆฌ ๋ฉ”๋‰ด

Lennon FE

[HTML] ์›น ํŽ˜์ด์ง€์— ์‰ฝ๊ฒŒ ๋Œ“๊ธ€ ๊ธฐ๋Šฅ์„ ์ถ”๊ฐ€ํ•ด๋ณด์ž(Disqus) ๋ณธ๋ฌธ

๐Ÿง‘‍๐Ÿ’ป Web/HTML

[HTML] ์›น ํŽ˜์ด์ง€์— ์‰ฝ๊ฒŒ ๋Œ“๊ธ€ ๊ธฐ๋Šฅ์„ ์ถ”๊ฐ€ํ•ด๋ณด์ž(Disqus)

Lennon 2022. 4. 6. 23:33
728x90
๋ฐ˜์‘ํ˜•

disqus๋Š” ์„œ๋ฒ„๊นŒ์ง€ ๋™์›ํ•ด์„œ ์–ด๋ ต๊ฒŒ ๋Œ“๊ธ€ ๊ธฐ๋Šฅ์„ ๊ฐœ๋ฐœํ•  ํ•„์š” ์—†์ด ์ฝ”๋“œ๋ฅผ ์‚ฝ์ž…ํ•˜๋ฉด ์‰ฝ๊ฒŒ ๋Œ“๊ธ€ ๊ธฐ๋Šฅ์„ ๊ฐœ๋ฐœํ•  ์ˆ˜ ์žˆ๋„๋ก ๋‚˜์˜จ ์„œ๋น„์Šค์ด๋‹ค.

ํ•œ ๋ฒˆ ์‰ฝ๊ฒŒ ์‚ฌ์šฉํ•ด๋ณด์ž!

 

https://disqus.com 

 

Disqus – The #1 way to build your audience

Disqus offers the best add-on tools for websites to increase engagement. We help publishers power online discussions with comments and earn revenue with native advertising.

disqus.com

์šฐ์„  ์œ„ ํŽ˜์ด์ง€์—์„œ ๋กœ๊ทธ์ธ ํ•œ๋‹ค!

 

1. ์•„๋ž˜ "I want to install Disqus on my site" ๋ฅผ ํด๋ฆญํ•œ๋‹ค.

2. ๊ด€๋ จ ์ •๋ณด๋ฅผ ์ž…๋ ฅํ•œ๋‹ค.

 

3. plan์€ ๋ฐ‘์— Basic์œผ๋กœ ์„ค์ •ํ•œ๋‹ค!

 

4. ๋Œ“๊ธ€ ์ถ”๊ฐ€ํ•  ์‚ฌํ•ญ์ด ์œ„์— ์žˆ๋‹ค๋ฉด ๊ทธ๊ฑธ ํด๋ฆญํ•˜๊ณ , ๋‹จ์ˆœํžˆ ์›น html์— ๋„ฃ๋Š” ์šฉ๋„๋ผ๋ฉด ์•„๋ž˜ 

I don't see my platform listd .... ๋ฅผ ํด๋ฆญํ•œ๋‹ค.

 

5. ๊ทธ๋Ÿฌ๋ฉด ์ฝ”๋“œ๊ฐ€ ๋‚˜์˜ฌ ๊ฒƒ์ด๋‹ค. ํ•ด๋‹น ์ฝ”๋“œ๋ฅผ ๋ณต์‚ฌํ•˜์ž!

 

6. ์ฝ”๋“œ๋ฅผ ์›ํ•˜๋Š” hmtlํŒŒ์ผ์˜ ๋‹ซ๋Š” bodyํƒœ๊ทธ ์œ„์— ๋ถ™์—ฌ๋„ฃ๊ธฐ ํ•œ๋‹ค.

<!DOCTYPE html>
<html lang="en">
  <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>Disqus</title>
  </head>
  <body>
    <h1 style="text-align: center; margin: 200px">Disqus Test!</h1>

    <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://my-site-์ž๊ธฐ์ฃผ์†Œ.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
    >
  </body>
</html>

๐Ÿ”ฅ disqus๋Š” ์„œ๋ฒ„๊ฐ€ ์žˆ์–ด์•ผ ๋™์ž‘๋œ๋‹ค. ๋งŒ์•ฝ ํ”„๋กœ์ ํŠธ๋ฅผ ๋ฐฐํฌํ•˜์ง€ ์•Š์•˜๊ฑฐ๋‚˜, ์„œ๋ฒ„๋ฅผ ํ†ตํ•ด ์—ฌ๋Š” ๊ฒŒ ์•„๋‹ˆ๋ฉด ์ž˜ ๋™์ž‘๋˜๋Š” ์ง€ ํ™•์ธํ•˜๊ธฐ ์œ„ํ•ด vscode์— Live Server๋ฅผ ์„ค์น˜ํ•ด ํ™•์ธํ•ด๋ณด๋ก ํ•˜์ž.

7. ์™„์„ฑ!

 

๐Ÿ”ฅ ๋Œ“๊ธ€์„ ๋‚จ๊ธฐ๋ฉด ์„œ๋ฒ„์— ์ €์žฅ๋˜๊ธฐ ๋•Œ๋ฌธ์— ์ƒˆ๋กœ๊ณ ์นจ์„ ํ•˜๋“  ๋ญ˜ํ•˜๋“  ๋ฐ์ดํ„ฐ๊ฐ€ ๋‚จ์•„์žˆ๋‹ค. 

๊ฐ™์€ ์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋‹ค๋ฅธ htmlํŒŒ์ผ์— ์‚ฌ์šฉํ•˜๋ฉด ๋Œ“๊ธ€์€ ๋…๋ฆฝ์ ์œผ๋กœ ๊ตฌ์ƒ๋œ๋‹ค.(๐Ÿ‘๐Ÿป)

ex) index.html์— ๋Œ“๊ธ€ 10๊ฐœ ์žˆ์–ด๋„ ๋‹ค๋ฅธ html์— ๋™์ผํ•œ disqus ์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋„ฃ์œผ๋ฉด ๋Œ“๊ธ€ 0๊ฐœ๋กœ ์‹œ์ž‘!

728x90
๋ฐ˜์‘ํ˜•
Comments