文档章节

修复准备https://fonts.googleapis.com/css

不避风云
 不避风云
发布于 2016/01/02 17:30
字数 695
阅读 1529
收藏 6
点赞 0
评论 3

参考网页:

2、可折叠侧边栏Bootstrap Collapsible Left Sidebar

搜索关键词: yii2, theme, layout

决定采用该模板:https://github.com/dmstr/yii2-adminlte-asset

详情请参考上述网址。

2.1 安装插件
$ composer require dmstr/yii2-adminlte-asset "2.*"
2.2 配置插件

删除默认的主题样式

$ rm -rf ./frontend/views/*

注意:如果你需要*./frontend/views/*下的文件,请先备份。

复制主题样式到*./frontend/views/*文件夹下,

$ cp -r ./vendor/dmstr/yii2-adminlte-asset/example-views/yiisoft/yii2-app ./frontend/views
2.3 加入皮肤(不建议加入)

加入皮肤,同样配置文件*./frontend/config/main.php*,

'components' => [
    'assetManager' => [
        'bundles' => [
            'dmstr\web\AdminLteAsset' => [
                'skin' => 'skin-black',
            ],
        ],
    ],
],

编辑文件*./frontend/views/layouts/main.php*,修改替换相应代码。

<body class="<?= \dmstr\helpers\AdminLteHelper::skinClass() ?>">
2.4 查看效果

打开浏览器,输入:http://localhost/www/lhpg/frontend/web/index.php

应该可以看到如下的界面,

前端界面

2.5 异常处理(有错误)

关于总是需要访问 https://fonts.googleapis.com 问题,通过查询在三个地方找到这个关键词。 参考网址:http://www.cnblogs.com/tekikesyo/p/4636412.html

解决方案如下:(正在跟原作者协商,见 https://github.com/almasaeed2010/AdminLTE/issues/803 ),协商完毕则不需要下文了。

参考网页:

问题发现

对yii2美化布局,参考这里 使用如下命令时,

composer require dmstr/yii2-adminlte-asset "2.*"

按照操作会得出比较好的页面。但是对于无法访问外网的网站来说,却要登录外网下载字体,有点不可容忍。

经在源码中查找,找到这个语句:@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic);

下载字体

这里下载需要用的Source Sans Pro的300,400,600,700,300italic,400italic,600italic字体。 会有一个sourcesanspro.zip文件。

寻找到外网下载字体的文件

首先在./vendor/dmstr/yii2-adminlte-asset/web/下找到一个AdminLteAsset.php文件。 查看里面的依赖关系,通过分析句子,找到vendor/almasaeed2010/adminlte/dist/css/AdminLTE.min.css文件,里面有上述语句。

更改掉该语句

把上面下载的字体解压缩在vendor/almasaeed2010/adminlte/dist/css/文件夹下,框架如下

css
    fonts.css
fonts
    很多文件夹
AdminLTE.min.css
其他文件

现在修改AdminLTE.min.css, 把第一行的

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic);

修改为

@import url(./css/fonts.css);

保存退出。

测试效果

由于之前可能已经做了测试,最好把浏览器的cookie等清空,然后看看是否不到外网获取文件了。

本文链接:http://my.oschina.net/bubifengyun/blog/596332

© 著作权归作者所有

共有 人打赏支持
不避风云
粉丝 23
博文 89
码字总数 68627
作品 0
闵行
程序员
加载中

评论(3)

不避风云
不避风云
http://www.cnblogs.com/yiifans/p/3786374.html
不避风云
不避风云
class Customer extends \yii\db\ActiveRecord
{
public function getBigOrders($threshold = 100)
{
return $this->hasMany(Order::className(), ['customer_id' => 'id'])
->where('subtotal > :threshold', [':threshold' => $threshold])
->orderBy('id');
}
}
不避风云
不避风云
class Customer extends \yii\db\ActiveRecord
{
public function getBigOrders($threshold = 100)
{
return $this->hasMany(Order::className(), ['customer_id' => 'id'])
->where('subtotal > :threshold', [':threshold' => $threshold])
->orderBy('id');
}
}
替换WordPress调用的Google前端库为360镜像的库

把 googleapis 替换成 useso 即可: sed -i s/googleapis/useso/g 另外在后台关闭Gravatar头像显示(设置-讨论-头像显示),免得拖慢页面加载速度. 要成倍提升WordPress速度,可以考虑使用PHP7,参...

eechen ⋅ 2015/04/24 ⋅ 3

googleapis被墙的解决办法

类似这样的url是打不开的,已经被GFW黑掉了,但国外很多应用又有引用类似的地址,怎么办? https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic|Roboto+Slab:400,700...

swingcoder ⋅ 2016/03/28 ⋅ 0

访问国外技术网站时,长时间无法显示内容的解决办法

观察网站加载,可以看到在浏览器加载时,左下角显示:等待 fonts.googleapis.com... 或者 ajax.googleapis.com... fonts.googleapis.com通常是加载google提供的免费字体,此部分属于CSS样式的...

落落的月 ⋅ 2015/01/27 ⋅ 2

CSS3 表单验证

今天从网上看到一篇介绍CSS表单验证的文章,感觉很有意思,摘抄下来,学习学习。

musishui ⋅ 2016/06/22 ⋅ 0

TODO:macOS上ThinkPHP5和Semantic-UI集成

TODO:macOS上ThinkPHP5和Semantic-UI集成 1. 全局安装 (on OSX via homebrew)Composer 是 homebrew-php 项目的一部分 2. 把Xcode升级到8.1后继续安装Composer 3. 使用composer创建TP5项目M...

OneTODO ⋅ 2016/12/13 ⋅ 3

wordpress网站后台打开速度很卡很慢解决方法?

wordpress网站后台打开速度很慢的原因: wordpress使用了Open Sana字体,该字体的文件存放在美国Google的服务器上。当你打开网站的时,左下角会一直加载fonts.googleapis.com信息,因为国内访...

Surjur ⋅ 2015/04/30 ⋅ 0

ReplaceGoogleCDN:将 Google CDN 替换为国内的 Chrome 插件

Chrome Web Store 安装地址: https://chrome.google.com/webstore/detail/replace-google-cdn/kpampjmfiopfpkkepbllemkibefkiice 由于众所周知的原因,只需替换一个域名就可以继续使用Googl...

justjavac ⋅ 2014/11/04 ⋅ 1

Firefox 36 Beta 发布,实现 MSE 扩展 API

在波澜不经的 Firefox 35 之后(新添加的分享按钮其实还不错),Mozilla 如约将 Firefox 36 推送入 Beta 频道,将首选项改为标签页形式,且重新设计了平板下的界面,并部分实现了 MSE 扩展 ...

oschina ⋅ 2015/01/17 ⋅ 6

Autoprefixer 6.0 发布,浏览器前缀处理工具

Autoprefixer 解析CSS文件并且添加浏览器前缀到CSS规则里,使用Can I Use的数据来决定哪些前缀是需要的。 所有你需要做的就是把它添加到你的资源构建工具(例如 Grunt)并且可以完全忘记有C...

oschina ⋅ 2015/09/08 ⋅ 0

微信公众号管理系统 RhaPHP 1.2.3 版本发布

简洁、好用、快速、支持移动端管理 RhaPHP微信免费开源公众号管理系统,支持多公众号管理,平台独立且快速简洁易用。灵活的扩展应用机制,具有容易上手,几乎融合微信接口,简单的调用对二次...

疯狂的二哈 ⋅ 2017/12/14 ⋅ 1

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Confluence 6 从其他备份中恢复数据

一般来说,Confluence 数据库可以从 Administration Console 或者 Confluence Setup Wizard 中进行恢复。 如果你在恢复压缩的 XML 备份的时候遇到了问题,你还是可以对整个站点进行恢复的,如...

honeymose ⋅ 16分钟前 ⋅ 0

myeclipse10 快速搭建spring boot开发环境(入门)

1.创建一个maven的web项目 注意上面标红的部分记得选上 2.创建的maven目录结构,有缺失的目录可以自己建立目录补充 补充后 这时候一个maven的web项目创建完成 3.配置pom.xml配置文件 <proje...

小海bug ⋅ 29分钟前 ⋅ 0

nginx.conf

=========================================================================== nginx.conf =========================================================================== user nobody; #......

A__17 ⋅ 32分钟前 ⋅ 0

645. Set Mismatch - LeetCode

Question 645. Set Mismatch Solution 思路: 遍历每个数字,然后将其应该出现的位置上的数字变为其相反数,这样如果我们再变为其相反数之前已经成负数了,说明该数字是重复数,将其将入结果r...

yysue ⋅ 45分钟前 ⋅ 0

Python这么强?红包杀手、消息撤回也可以无视,手机App辅助!

论述 标题也许有点不好理解,其实就是一款利用Python实现的可以监控微信APP内的红包与消息撤回的助手。不得不说,这确实是一款大家钟意的神器。 消息撤回是一件很让人恶心的事,毕竟人都是有...

Python燕大侠 ⋅ 今天 ⋅ 0

压缩打包介绍、gzip压缩工具、bzip2压缩工具、xz压缩工具

压缩打包介绍 压缩的好处不仅能节省磁盘空间而且在传输的时候节省传输时间和网络带宽 windows系统下文件带有 .rar .zip .7z 后缀的就是压缩文件 linux系统下则是 .zip, .gz, .bz2, .xz, ...

黄昏残影 ⋅ 今天 ⋅ 0

观察者模式

1.利用java原生类进行操作 package observer;import java.util.Observable;import java.util.Observer;/** * @author shadow * @Date 2016年8月12日下午7:29:31 * @Fun 观察目标 **/......

Cobbage ⋅ 今天 ⋅ 0

Ubuntu打印服务器配置

参考:https://blog.csdn.net/gsls200808/article/details/50950586 https://blog.csdn.net/jiay2/article/details/80252369 https://wiki.gentoo.org/wiki/HPLIP 由于媳妇儿要大量打印资料,......

大熊猫 ⋅ 今天 ⋅ 0

面试的角度诠释Java工程师(二)

原文出处: locality 续言: 相信每一位简书的作者,都会有我这样的思考:怎么写好一篇文章?或者怎么写好一篇技术类的文章?我就先说说我的感悟吧,写文章其实和写程序是一样的。为什么我会...

颖伙虫 ⋅ 今天 ⋅ 0

github中SSH的Key

https://help.github.com/articles/connecting-to-github-with-ssh/ https://help.github.com/articles/testing-your-ssh-connection/ https://help.github.com/articles/adding-a-new-ssh-k......

whoisliang ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部