个人网站Disqus评论系统配置异常显示空白问题排查求助

确认的错误点 #

• Disqus配置参数缺少引号：disqus_config 中page.url和page.identifier都是字符串类型，未用引号包裹会被JS识别为未定义变量，直接导致Disqus初始化失败
• 页面URL格式错误：page.url需携带完整HTTP协议前缀，不能直接填写IP+路径
• 基础HTML语法缺陷：样式链接<link>放置在<head>标签外、导航区<ul>未嵌套<li>使用、链接target属性错误书写为blank（正确为_blank）、代码粘贴残留的行尾反斜杠未清理

修复后的完整代码 #

<!DOCTYPE html>
<html>
  <head>
    <script src="behavior.js"></script>
    <title>                                                                              
      Aouni Karim webpages                                                                
    </title>
    <meta charset="UTF-8">
    <link href="https://apply.holbertonschool.com/level2/school.css" rel="stylesheet">
    <link href="styles.css" rel="stylesheet">
  </head>
  <body class="works_on_smartphone">
    <a href="https://apply.holbertonschool.com" target="_blank" >
      <img src="https://apply.holbertonschool.com/holberton-logo.png">
          </a>
    <header>
      <ul>
        <li><a href="http://34.207.144.128/whatsableton.html"> What is ableton ?</a></li>
        <li><a href="http://34.207.144.128/whenitwascreate.html">When it was create ?</a></li>
        <li><a href="http://34.207.144.128/whychooseableton.html">Why choose ableton ?</a></li>
      </ul>
    </header>
    <main>
      <article>
        <h1> WHAT IS ABELETON LIVE ?</h1>
        <img src="https://img.audiofanzine.com/images/u/product/normal/ableton-live-11-standard-288625.png" id="smart_thumbnail" >
    <p>
      Ableton live is a DAW, a digital audio workstation. A software allowing to recording, to edit, to manipulate, to create and to play digital audio content which can be lyrics , music or sound effects. They allow the mixing of several audio tracks on a time grid. You can use audio effect such as filter, delay or reverb to create more creative sound. Feel free to learn more on <a href="https://www.ableton.com/" target="_blank" >Ableton live.</a></p>
    <h2>When it was create ?</h2>
    <p>
      Ableton was founded in Germany in 1999. The first version of Live appeared on the market in 2001. The company is made up of about fifty people, including computer engineers, marketing specialists. The company is managed by Gerhard Behles and Bernd Roggendorf, its founders, and Jan Bohl. Most of Ableton's employees are involved in both production and creation of music.</p>
    <h3>Why choose Ableton live ?</h3>
    <p>
      Ableton live contains a navigation panel for easily reaching all sound, effect, and instrument packs. There are 2 views: the session screen and the arrangement screen. The session screen allows you to order clips and is therefore organized around loops. The arrangement screen can be used live to record all the scenes of the session. It allows you to control the parameters of the tracks (plugins, effects). Ableton live already includes effects but it are possible to download standard effects: VST.</p>
        <p>
          Ableton's ergonomics make it a very flexible and easy-to-access software. Effect or instrument can be added to it by a simple drag and drop. We can use it in an amateur way but it has all the features that professionals will appreciate.</p>
      </article>
      <aside>
        <div id="disqus_thread"></div>
        <script>
          var disqus_config = function () {
          this.page.url = 'http://34.207.144.128/tweets.html';
          this.page.identifier = 'aouni_karim';
          };
          (function() {
          var d = document, s = d.createElement('script');
          s.src = 'https://http-34-207-144-128-tweets-html.disqus.com/embed.js';
          s.setAttribute('data-timestamp', +new Date());
          (d.head || d.body).appendChild(s);
          })();
        </script>
        <noscript>Please enable JavaScript to view the comments powered by Disqus.</noscript>
      </aside>
      <footer>
        <p>Made by Karim Aouni for <a href="https://apply.holbertonschool.com" target="_blank">Holberton School</a>.</p>
      </footer>
    </main>
  </body>
  </html>

内容的提问来源于stack exchange，提问作者Karim AOUNI