添加引导CDN
添加引导CDN
提问于 2021-12-06 11:01:23
我对drupal 9很陌生..。我发现我的drupal页面的头在html.html.twig文件中。我想把引导CDN添加到我的文件的头上，但是当我附加它时，什么也没有出现。脚本甚至没有显示在源页面中。我认为这份文件的整个头像不是视觉化的。我该怎么做？
{# /**
* @file
* Default theme implementation for the basic structure of a single Drupal page.
*
* Variables:
* - logged_in: A flag indicating if user is logged in.
* - root_path: The root path of the current page (e.g., node, admin, user).
* - node_type: The content type for the current node, if the page is a node.
* - head_title: List of text elements that make up the head_title variable.
* May contain one or more of the following:
* - title: The title of the page.
* - name: The name of the site.
* - slogan: The slogan of the site.
* - page_top: Initial rendered markup. This should be printed before 'page'.
* - page: The rendered page markup.
* - page_bottom: Closing rendered markup. This variable should be printed after
* 'page'.
* - db_offline: A flag indicating if the database is offline.
* - placeholder_token: The token for generating head, css, js and js-bottom
* placeholders.
*
* @see template_preprocess_html()
*
* @ingroup themeable
*/
#}
<!DOCTYPE html>
<html{{ html_attributes }}>
<head>
{% block stylesheets %}
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.2/dist/css/bootstrap.min.css" rel="stylesheet">
{% endblock %}
{% block javascripts %}
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.2/dist/js/bootstrap.bundle.min.js"></script>
{% endblock %}
<head-placeholder token="{{ placeholder_token }}">
<title>{{ head_title|safe_join(' | ') }}</title>
<css-placeholder token="{{ placeholder_token }}">
<js-placeholder token="{{ placeholder_token }}">
</head>
<body{{ attributes }}>
{#
Keyboard navigation/accessibility link to main content section in
page.html.twig.
#}
<a href="#main-content" class="visually-hidden focusable">
{{ 'Skip to main content'|t }}
</a>
{{ page_top }}
{{ page }}
{{ page_bottom }}
<js-bottom-placeholder token="{{ placeholder_token }}">
</body>
</html>
#}回答 3
Stack Overflow用户
回答已采纳
发布于 2021-12-14 14:09:15
我解决了这个问题。还有另一个html.html.twig文件正在覆盖otherone。如果您找到正确的文件，您可以简单地添加<link type="text/css" href="myPathForCssFile.css"/>
Stack Overflow用户
发布于 2021-12-06 11:10:55
在Twig文件中，不要忘记包装：
- 使用
{% block stylesheets %}的CSS文件 - 使用
{% block javascripts %}的JS文件。
它将允许您在以后的每页轻松添加额外的CSS和JS文件。
对文件进行更改后，一定要清除应用程序缓存和/或浏览器缓存(大多数浏览器中为CTRL+ F5 )。
如果您共享文件的原始代码，这将是很棒的。
Stack Overflow用户
发布于 2021-12-08 16:40:10
试一试其中一种：
- 使用引导Drupal作为您的基本主题：https://www.drupal.org/project/bootstrap -您始终可以在其之上构建和/或扩展它。
- 使用.libraries.yml文件并为当前主题指定所需的库。(这里有一个很酷的读物：https://www.drupal.org/docs/theming-drupal/adding-stylesheets-css-and-javascript-js-to-a-drupal-theme#s-adding-attributes-to-script-elements)。
- 创建一个preprocess_page钩子，并使用它将脚本注入head部分。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/70244439
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号