BIEXL BLOG

开始阅读

LNMP环境配置网站出现404 Not Found错误!!!查看Nginx.conf文件,检查location / {...}里面的rewrite参数设置location/{rootTherootlocationofyourwebsite;#网站的根目录indexindex.phpindex.htmlindex.htm;#定义首页索引文件的名称if(!-e$request_filename){rewrite^/(.*)$/index.php-$1last;#rewrite设置}}主要问题就是rewrite 最后面的 last,有一些配置文件后面是break。可以尝试把break修改成last。可选flag参数有以下几种:last停止处理当前的ngx_http_rewrite_module指令集并开始搜索与更改的URI匹配的新位置;breakngx_http_rewrite_module与break指令一样,停止处理当前的指令集;redirect返回带有302代码的临时重定向;如果替换字符串不以“http://”,“https://”或“$scheme”开头,则使用;permanent返回301代码的永久重定向。说明:rewrite ^/(.*)$ /index.php-$1 last;这个是当前站点的配置,由于每个站点的URL地址规则不一样需要微调一下rewrite ^/(.*)$ /index.php/$1 last;注意把$1前面的“-”换成“/”。nginx报错404 Not Found还有其他原因,这里只是配置文件有误,仅此记录!
从接触PHP到现在用的最多的框架就是ThinkPHP,这个博客网站也是用Tp搭建起来的。但是时代在发展 技术在更新,我们也需要学习新的技术和框架。因为身边所从事这个行业的人推荐学习Laravel,所以就趁着年末开始正式学习(之前接触过 但是因为这个网站还没做完就一直搁置了)。废话不多说了,下面开始进入正题。在查阅Laravel中文文档后,了解到使用Laravel框架之前,需要在机器上安装Composer(因为Laravel使用Composer管理依赖),然后就去百度了一波Composer,下载下来之后安装。Composer下载地址安装前需要将php.ini中的OpenSSL 、PDO 和Mbstring三个扩展开启。Composer安装路径默认是在C:\composer下,安装结束后查看Composer是否安装成功。win+R打开cmd命令窗口,执行composer -v命令出现如下图所示就代表成功Composer安装成功后就开始安装Laravel了,你可以在终端通过Composer的create-project命令来安装Laravel应用:例:创建一个名为biexl的项目composercreate-project--prefer-distlaravel/laravelbiexl可能安装速度会有快慢,可以挂vpn,执行create-project命令;也可以换成国内的镜像,换国内的镜像执行下面的命令:composerconfig-grepo.packagistcomposerhttps://packagist.phpcomposer.com这里就不放vpn了,我们还是要做一个遵纪守法的好公民...(咳咳咳!你们可以去 Github 上搜索vpn下载一个)我将项目安装目录切换到了D:\phpStudy\WWW目录下,执行了命令,如下图,耐心等待自动执行完成后在本地就可以看到项目了到此,项目就安装成功了。访问该项目下的public目录出现下面的页面就OK了。
这几天,在网站测试的过程中注意到发布的代码过长导致代码显示部分左右滑动会出现很宽的滚动条,对于一个注重细节的码农,决定修改一下Chrome浏览器的滚动条样式。首先我们需要来了解一下修改滚动条样式的必备元素(伪元素)如下: ::-webkit-scrollbarCSS伪元素影响元素的滚动条风格,仅在基于 WebKit 的浏览器(例如: Google Chrome)中可用 ::-webkit-scrollbar-track定义滚动条轨道背景色 ::-webkit-scrollbar-thumb定义滑块 背景色+圆角以上属性足以简单修改Chrome浏览器的滚动条样式,具体代码已在下方列出/*滚动条样式开始*/::-webkit-scrollbar{width:8px;height:4px;background-color:#F5F5F5;}/*定义滚动条轨道背景色*/::-webkit-scrollbar-track{background:#fff;}/*定义滑块背景色+圆角*/::-webkit-scrollbar-thumb{border-radius:8px;background-color:#D2D2D2;}::-webkit-scrollbar-thumb:hover{border-radius:5px;background-color:#a2a2a2;}/*滚动条样式结束*/滚动条的颜色,粗细这些都看个人喜好的风格了,可以拿去稍加修改。(这段代码样式展示可以在Chrome浏览器上体验观看) 需要说明一下IE和火狐浏览器CSS样式无法兼容的原因,在MDN网站上原文说的是翻译过来大概就是说:此功能是非标准的,不规范的。不要在面向Web的生产站点上使用它;它不适用于每个用户。实现起来也可能存在很大的不兼容性,并且属性在未来可能会改变。(大家都懂的,各个浏览器都有自己的脾气和个性) 网上这种修改滚动条的插件也是一抓一大把,貌似网上最多的就是mCustomScrollbar可定制的自定义滚动条jQuery插件,具体该如何使用都有文档,在这就不多说了,自己琢磨吧。