关于typecho无法加载CSS、JS的解决方法

最新推荐文章于 2022-05-08 00:16:54 发布
最新推荐文章于 2022-05-08 00:16:54 发布
阅读量1.9k 收藏 1
点赞数
分类专栏： 技术分享 文章标签： php
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38711818/article/details/111167508
版权

今天新入手了一个高防cdn，配置完ssl后发现一个bug，我整个网站的css、js无法加载的，全是html页面
后来google了一下，我的解决方法是这样的：

编辑Typecho站点根目录下的文件config.inc.php，加入下面一行配置

/** 开启HTTPS */
define('__TYPECHO_SECURE__',true);

修改完后就刷新浏览器缓存，就能正常访问了

得水小筑
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
css文件不能被正常载入的问题解决方法
09-25
问题说明：昨天在制作网页的过程中，刚才还好好的网页，突然就“裸奔”了，开始以为是什么代码把css给屏蔽掉了，找了半天，也没找出来毛病，在网上狂找解决方案，网上的答案多少都有错误，弄了半天，终于整明白了。
【Typecho插件-前端-加载动画】SakuraLoad
01-17
在网页加载过程中，如果内容未能即时呈现，用户可能会感到困扰，加载动画就是为了解决这个问题而存在的。它在页面内容正在加载时显示，给用户一个视觉反馈，表明网站并未卡顿，而是在处理数据。SakuraLoad提供了预置...
Typecho | 博客css和js无法加载 前台样式崩了 https相关
一颗蚂蚱
08-18 1163
过程记录今天为博客申请了一个SSL证书，安装完成以后开启了强制HTTPS，然后在博客后台设置-基本-站点地址 把原先的http地址改为了https。此时一切都还正常。然后我又把SSL证书部署取消了，结果在http下访问出问题，博客无法加载任何css样式和js！如图：失去css和js就是这么丑错误原因如上所述，css与js无法加载，F12调出调试发现，竟然是因为所有css和js的路径都带https！因为把服务器SSL证书取消部署以后，忘记在博客后台改站点地址了。调试模式发现大问题解决方案在博客后台设置-基..
ssl不加载css wp_wordpress开启ssl后css无法加载怎么办
weixin_39924179的博客
01-17 571
wordpress开启ssl后css无法加载的解决办法：1、找到functions.php文件，并更换“js/css”路径为相对路径；2、在wp-config.php中加入代码“if ($_SERVER['HTTP_X...)”即可。本教程操作环境：Windows7系统、WordPress5.4.2版本，该方法适用于所有品牌电脑。wordpress开启ssl后css无法加载的解决方法一：找到fun...
浏览器加载不上css，样式走丢了~
weixin_30813225的博客
06-23 352
如果你的浏览器加载不上外联css（注意是全部加载不上，这里排除部分样式不兼容问题）： 1.首先考虑是否css路径错误。 2.在样式最开始有写注释，而当中文注释中的汉字为奇数个数时，会与结尾的“*/”组合成合法字符，以至于注释不能及时关闭，这样后续样式全部被自动注释。 3.css文件中指定的编码与页面不统一，浏览器用页面编码解析css，自然会出错。我的IE更新到IE11时遇到了这个问题，htm...
[已解决]CSS不生效问题
lindaxia1026的博客
05-08 7137
css不生效的原因： html标签没写完整，漏了“<”、”>”或者“/”等； 这是版面设计失效的最常见原因之一。当我们了解到这是多少精致的版块设计失效的罪魁祸首时，总会大吃一惊。 样式被层叠； 比如!important CSS语法错误； 拼写错误之类的balabala 选择器写错； 常见错误 id选择器:#xxx，class选择器:.xxx 没有写rel属性。 就这个问题，找了一晚上起因是遇到了浏览器报错 -> because its MIME type ('text/html') is
bulmatypecho是一个使用Bulmacss构建的Typecho模板
08-11
`bulmatypecho` 是一款基于Bulma.css的Typecho博客主题，它的特点在于轻量级的JavaScript使用、单一的CSS依赖以及对性能的优化。对于寻求现代外观和高效性能的Typecho用户来说，这是一个值得考虑的选择。通过自定义...
Typecho单行横屏滚动主题
08-11
通常，`style.css`包含了所有CSS样式，而`scripts.js`或者`main.js`则包含JavaScript代码。为了定制这个主题，你需要编辑这些文件，根据需求调整颜色、字体、布局等样式，以及处理滚动事件和动画逻辑。 总的来说，...
LightWhite一个Typecho单栏主题
08-11
总的来说，LightWhite主题充分利用了Typecho的灵活性，结合CSS和JavaScript技术，为用户提供了高效、美观的博客环境。通过深入理解和定制这款主题，你可以打造出独具特色的个人博客，吸引更多的读者。
yoniu:TYPECHO原创模板
05-01
Yoniu本是EMLOG模板，后来应众人请求，所以出了TYPECHO版本！ 介绍 Yoniu是一款基于BOOTSTRAP3的双栏原创主题，清新简洁，自适应。 主题特色 头部采用透明的bootstrap祖传导航样式 顶部封面图设计（可自行修改） 可...
CSS样式文件修改不生效解决方法
weixin_46990454的博客
05-24 3133
1.仔细检查自己的CSS样式代码是否写错 2.如果未写错，则运行该界面，按F12进入开发者模式，找到Network下的Disable cache勾选即可。
typecho 全站ajax,Typecho全站启用HTTPS教程
weixin_42465158的博客
08-05 321
全站启用HTTPS已经成为趋势，搜索引擎也在不断重视，今天就分享下Typecho设置HTTPS的过程。申请SSL证书如果您还没有域名SSL证书，请自行申请沃通免费SSL证书和Let’s Encrypt免费SSL证书等。Typecho设置修改站点地址登录Typecho后台 -> 设置 -> 基本设置 -> 站点地址改成https的域名是必须的。修改Config.inc.php配置编...
jsp、html页面无法加载css、js等文件的问题
热门推荐
qq_40366444的博客
03-21 1万+
用IDEA编写前端页面的时候发现不能加载css和js文件，运行后效果是这样的： 代码如下： 明明路径加载对了却显示不出来，带着疑惑在网上查找了许多文档，最后发现是由于SpringBoot机制问题，引用css或js文件的时候需先将文件放在static文件夹下面然后引用的时候不要将static写上，遂将自己引用地址修改了一下： 修改后： 然后重启项目： 完成！ 这样就可以将你的css样式加载出来了 附...
apache伪静态把css 排除掉_Typecho+Apache2设置伪静态
weixin_39954889的博客
11-21 123
本文介绍如何开启Typecho伪静态(即URL Rewrite特性)。配置类教程真的过时很快……找最新配置教程吧小伙伴们，这也是我这次的血泪教训。1 先把各种参数放在最开头时间：2020/10Ubuntu18.04 + Typecho1.1 + Apache22 配置步骤????直接在Typecho后台选择“启用地址重写功能”是不行的： 这点很多站长都遇到了，页面404。????搜...
添加ssl证书后https访问无js,css处理办法
YNyzjj的博客
06-16 1494
代码中引用所致 主页面用https，相关的资源也要用https的，否则浏览器会拒绝加载这些资源 请将css和js都用https 在https的网站中引用http路径的js或css会导致不起作用，其形如： <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>1 解决办法： 将http:去掉，改为 <script src="//code.jquery.com/jq...
给 Typecho博客 配置PJAX无刷新访问的 教程
滕青山博客
03-01 1471
前言 在测试的时候，如果不生效的话，可以用浏览器的无痕窗口，或者清除浏览器缓存。 配置 在服务器中新建pjax.js文件，用于操作 PJAX 组件。内容暂时留空。 打开网站的footer.php文件， 在文件底部</body>的前面添加下面代码： <script src="https://cdn.jsdelivr.net/npm/pjax/pjax.js"></script> <script src="https://tuziang.com/usr/th
Typecho 配置使用 腾讯CDN服务 的简单教程
滕青山博客
02-28 1238
开通服务 进入腾讯云cdn界面，开通即送免费6个月的cdn使用时间。 添加域名 在左侧选择域名管理，之后就可以添加。 进去cdn管理界面，点添加域名,重点是源站设置，如果你是服务器就直接写你服务器的ip，如果你是空间就填写你空间域名提供给你的解析ip或者解析域名。 具体配置 访问配置 其中IP访问限频配置这个需要配置一下个人建议设置10-30之间根据站点的访问情况填写。（可以有效的防cc攻击 缓存配置 配置好站点的缓存过期非常重要，不仅可以提高网站的速度和用户体验还能减少源站的
解决Typecho Gravatar头像无法加载的问题
Mr.Yan的专栏
11-03 5084
原文链接：http://www.yyztech.com/archives/32/ 我的站点：http://www.yyztech.com/ Typecho评论默认使用的是Gravatar头像，但因为Gravatar网站总是被墙，导致页面加载被拖慢，而且加载半天也还是个裂图，太影响心情，所以我们可以不使用Gravatar头像，换成另一个头像源，改变这个，其实只需要修改很少量的代码就可以了
全站加速不加速php,Typecho开启CDN全站加速设置，Typecho主题CSS全站CDN加速
weixin_39899244的博客
03-22 472
Typecho开启CDN全站加速设置，Typecho主题CSS全站CDN加速最近博客的访问量越来越大，网站越来越慢，特别是图片多的时候，所以想到了CDN加速，自己试了很多方法，有幸看到一位朋友的设置方式，尝试了一下，非常完美。原文typecho全站开启css、js静态资源cdn加速！阿里、腾讯、七牛、又拍云等通用！https://www.eyuyun.com/23.html本站也记录下1、自行开启...
typecho docker
最新发布
08-30
Typecho Docker是使用Docker技术来部署和运行Typecho博客平台的一种方法。首先，我们需要拉取Typecho镜像，可以使用以下命令：docker pull 80x86/typecho。拉取镜像完毕后，我们可以创建一个Typecho容器来测试博客平台的运行，可以使用以下命令：docker run -d -p 90:80 --name="typecho" 80x86/typecho。接下来，可以按照《云原生之Docker实战》中的步骤进行环境配置和安装Typecho。首先，需要创建数据挂载目录，并确保镜像支持。然后，可以安装Typecho并进行初始环境配置。最后，可以通过设置界面外观、查看访问效果和查看插件列表等方式进行Typecho的基本使用。最后，可以测试博客效果以确认Typecho在Docker中的运行情况。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [利用Docker从零搭建Typecho博客并启用TLS](https://blog.csdn.net/zt06081108/article/details/115555924)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *3* [【云原生之Docker实战】使用Docker部署Typecho个人博客平台](https://blog.csdn.net/jks212454/article/details/126107261)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值