Blogger javascript未加载css格式

我有一个脚本，可以创建我所有帖子的存档，在一些帮助下，我们成功地使它在更改域名并从https转换为https后再次工作，您可以在这里阅读

现在的问题是，它不加载文本格式，而是输出看起来很难看的未格式化文本

尝试将css作为一个独立的脚本，但这没有任何区别（也没有意义）

这是纸条所在的页面：

脚本的样式部分可以在下面的末尾找到

<script>
  var LoadTheArchive = function(TotalFeed) {
    var PostTitles = new Array();
    var PostURLs = new Array();
    var PostYears = new Array();
    var PostMonths = new Array();
    var PostDays = new Array();
    if ("entry" in TotalFeed.feed) {
      var PostEntries = TotalFeed.feed.entry.length;
      for (var PostNum = 0; PostNum < PostEntries; PostNum++) {
        var ThisPost = TotalFeed.feed.entry[PostNum];
        PostTitles.push(ThisPost.title.$t);
        PostYears.push(ThisPost.published.$t.substring(0, 4));
        PostMonths.push(ThisPost.published.$t.substring(5, 7));
        PostDays.push(ThisPost.published.$t.substring(8, 10));
        var ThisPostURL;
        for (var LinkNum = 0; LinkNum < ThisPost.link.length; LinkNum++) {
          if (ThisPost.link[LinkNum].rel == "alternate") {
            ThisPostURL = ThisPost.link[LinkNum].href;
            break
          }
        }
        PostURLs.push(ThisPostURL);
      }
    }
    DisplaytheTOC(PostTitles, PostURLs, PostYears, PostMonths, PostDays);
  }

  var DisplaytheTOC = function(PostTitles, PostURLs, PostYears, PostMonths, PostDays) {
    var MonthNames = ["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"];
    var NumberOfEntries = PostTitles.length;

    var currentMonth = "";
    var currentYear = "";

    for (var EntryNum = 0; EntryNum < NumberOfEntries; EntryNum++) {
      NameOfMonth = MonthNames[parseInt(PostMonths[EntryNum], 10) - 1]

      if (currentMonth != NameOfMonth || currentYear != PostYears[EntryNum]) {
        currentMonth = NameOfMonth;
        currentYear = PostYears[EntryNum];

        document.write("<div class='dateStyle'><br />" + currentMonth + " " + currentYear + " </div>");
      }

      document.write('<a href ="' + PostURLs[EntryNum] + '"><div class=dayStyle>' + parseInt(PostDays[EntryNum], 10) + ":&nbsp;&nbsp;</div>" + PostTitles[EntryNum] + "</a><br />");
    }
  }
</script>

<script src="https://tecnoriales.com/feeds/posts/default?max-results=500&amp;alt=json-in-script&amp;callback=LoadTheArchive" />
<script src="https://tecnoriales.com/feeds/posts/default?max-results=150&start-index=151&alt=json-in-script&callback=LoadTheArchive" />
<script src="https://tecnoriales.com/feeds/posts/default?max-results=150&start-index=301&alt=json-in-script&callback=LoadTheArchive" />
<script src="https://tecnoriales.com/feeds/posts/default?max-results=150&start-index=451&alt=json-in-script&callback=LoadTheArchive" />
<script src="https://tecnoriales.com/feeds/posts/default?max-results=150&start-index=601&alt=json-in-script&callback=LoadTheArchive" />
<script src="https://tecnoriales.com/feeds/posts/default?max-results=150&start-index=851&alt=json-in-script&callback=LoadTheArchive" />
<script src="https://tecnoriales.com/feeds/posts/default?max-results=150&start-index=1001&alt=json-in-script&callback=LoadTheArchive" />

<!--CUSTOMIZATION-->
<style type="text/css">
  .dateStyle {
    color: #000;
    font-weight: bold;
    font-size: 15px;
    font-family: Trebuchet MS, sans-serif;
    margin: 0;
  }

  .dayStyle {
    color: #000;
    font-weight: bold;
    font-family: Trebuchet MS, sans-serif;
    display: inline-block;
  }
</style>

var LoadTheArchive=函数（TotalFeed）{
var PostTitles=新数组（）；
var PostURLs=新数组（）；
var PostYears=新数组（）；
var PostMonths=新数组（）；
var PostDays=新数组（）；
如果（TotalFeed.feed中的“条目”）{
var PostEntries=TotalFeed.feed.entry.length；
for（var PostNum=0；PostNum”+当前月+”+当前年+”）；
}
文件。写（“
”）；
}
}
.日期样式{
颜色：#000；
字体大小：粗体；
字体大小：15px；
字体系列：投石机MS，无衬线；
保证金：0；
}
.dayStyle{
颜色：#000；
字体大小：粗体；
字体系列：投石机MS，无衬线；
显示：内联块；
}

---

它应该使用Trebuchet MS字体加载格式化文本，使用粗体表示月份和日期，并且每个项目只使用一行，而不是两行。

事实证明，这与CSS声明或我所怀疑的类似内容没有任何问题。问题在于您的提要脚本调用。使用

，如下面的代码示例所示

因为这些被错误地调用，它也停止了CSS的正常工作，因为它是在脚本下面定义的

var LoadTheArchive=函数（TotalFeed）{
var PostTitles=新数组（）；
var PostURLs=新数组（）；
var PostYears=新数组（）；
var PostMonths=新数组（）；
var PostDays=新数组（）；
如果（TotalFeed.feed中的“条目”）{
var PostEntries=TotalFeed.feed.entry.length；
for（var PostNum=0；PostNum”+当前月+”+当前年+”）；
}
文件。写（“
”）；
}
}
.日期样式{
颜色：#000；
字体大小：粗体；
字体大小：15px；
字体系列：投石机MS，无衬线；
保证金：0；
}
.dayStyle{
颜色：#000；
字体大小：粗体；
字体系列：投石机MS，无衬线；
显示：内联块；
}

事实证明，您的CSS声明或类似声明并没有任何问题，正如我所怀疑的那样。问题在于提要脚本调用。如下面的代码示例所示，使用

>

而不是在每个代码末尾使用

/>

因为这些被错误地调用，它也停止了CSS的正常工作，因为它是在脚本下面定义的

var LoadTheArchive=函数（TotalFeed）{
var PostTitles=新数组（）；
var PostURLs=新数组（）；
var PostYears=新数组（）；
var PostMonths=新数组（）；
var PostDays=新数组（）；
如果（TotalFeed.feed中的“条目”）{
var PostEntries=TotalFeed.feed.entry.length；
for（var）