为什么我在 Github 上托管的 CSS 文件没有被 Mailchimp 的嵌入注册代码识别？

Question

我将 Mailchimp 为其注册表单嵌入代码提供的默认 .css 文件替换为我复制粘贴到 Github 的文件，但它似乎没有被使用。

知道为什么吗？

Mailchimp 提供的默认 .css 文件位于：cdn-images.mailchimp.com/embedcode/classic-061523.css

我想使用的 .css 文件位于：raw.githubusercontent.com/jaywuzer/HipHopOnDaPullUp/main/MailChimpEmbed.css

<div id="mc_embed_shell">
      <link href="https://raw.githubusercontent.com/jaywuzer/HipHopOnDaPullUp/main/MailChimpEmbed.css" rel="stylesheet" type="text/css">

  <style type="text/css">


        /* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.
           We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>


<div id="mc_embed_signup">
    <form action="https://hiphopondapullup.us13.list-manage.com/subscribe/post?u=72af4cf5a706e12fa4f5180bc&amp;id=139e61457f&amp;f_id=00f97ae4f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
        <div id="mc_embed_signup_scroll">

            <div class="mc-field-group"><label for="mce-EMAIL">Email Address <span class="asterisk">*</span></label><input type="email" name="EMAIL" class="required email" id="mce-EMAIL" required="" value=""></div>
        <div id="mce-responses" class="clear foot">
            <div class="response" id="mce-error-response" style="display: none;"></div>
            <div class="response" id="mce-success-response" style="display: none;"></div>
        </div>
    <div aria-hidden="true" style="position: absolute; left: -5000px;">
        /* real people should not fill this in and expect good things - do not remove this or risk form bot signups */
        <input type="text" name="b_72af4cf5a706e12fa4f5180bc_139e61457f" tabindex="-1" value="">
    </div>
        <div class="optionalParent">
            <div class="clear foot">
                <input type="submit" name="subscribe" id="mc-embedded-subscribe" class="button" value="Subscribe" >

            </div>
        </div>
    </div>
</form>
</div>
<script type="text/javascript" src="//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js"></script><script type="text/javascript">(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';fnames[3]='ADDRESS';ftypes[3]='address';fnames[4]='PHONE';ftypes[4]='phone';fnames[5]='BIRTHDAY';ftypes[5]='birthday';}(jQuery));var $mcj = jQuery.noConflict(true);</script></div>

我尝试在我的 Github 和 Mailchimp 的默认样式表之间来回交换 css 样式表的 URL。由于某种原因，只有当我使用 Mailchimp 的 URL 时，样式表才会被拾取。

我尝试将 Mailchimp 的 css 代码精确复制到 Github，以防这是由我对代码所做的一些小更改引起的。同样的问题，Github 也用不了。

Answer 1

从外观上看，

github.com

根本没有发送任何

Content-type

标头。如果提供样式表的服务器不发送

Content-type: text/css

标头，大多数浏览器、邮件客户端等将不会加载样式表。

作为解决方案，您可以考虑使用 GitHub Pages 来托管 css 文件，然后您可能可以按照您想要的方式使用它。看起来，来自

raw.githubusercontent.com

的 CSS 文件不起作用。