本文实例讲述了PHP页面静态化——纯静态与伪静态用法。分享给大家供大家参考,具体如下: 为什么要静态化页面?...静态化分为纯静态与伪静态,纯静态又分为局部纯静态和全部纯静态。 伪静态 伪静态顾名思义,它并不是真的静态页面而是伪装的。...例如一个以php作为后端语言的web站点,正常情况下他的url应当是类似于http://www.example.com/index.php,当我们做了伪静态处理后,当你访问同一个页面它展示的url可能就是...纯静态 局部纯静态 一个页面通常由多个部分组成,例如一个博客,他可能由正文、分类、友情链接、栏目等部分组成。当有些部分更新频繁,而有些部分不常更新时就可以采用局部静态化。...全部纯静态 看了前面的内容这个就很容易理解了,当一个页面所有内容都不常更新即采用这种方式。 静态化页面实现原理 首先要说的是一个叫做缓冲器(buffer)的东西。
我们在创建文章的时候经常会设置一些tags,如果发表文章时关键词没添加的话tags也会自动成为文章的关键词,tags是一个不错的功能,通过关键词链接可以快速寻找到相关内容,但是标签页面的url经常会带有一大串的参数.../%C5%DD%C4%AD%CB%DC%C1%CF/,如何将TAGS静态化这样更加利于SEO呢?...$listitem)) { $plist .= $endpage.' '; } return $plist; } 设置伪静态规则...最后重新生成html页面
有时候我们需要针对不同的访问方式指定不同的页面或者URL。...如仅是几个静态页面进行切换,那么可以用js进行判断跳转,如: 例子 有两个页面,分别是 index.html、index_m.html; index.html(假定电脑端) 添加如下 JavaScript...代码: if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) { 跳转手机...nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-)") { set $mobile_rewrite perform; } 同时,把location 改成如下: # 静态资源方案...} } 小坑 针对静态资源的时候,如果你是php网站,那么php解析也需要按如下修改: location ~ \.php$ { root html/pc; if
rem布局,在页面中引入这都js代码。...否则,页面中html的font-size大小为:100*(当前页面宽度 / 640)。 1....为什么是640px 对于手机屏幕来说,640px的页面宽度是一个安全的最大宽度,保证了移动端页面两边不会留白。注意这里的px是css逻辑像素,与设备的物理像素是有区别的。...根据上面的js代码,如果页面宽度低于640px,那么页面中html的font-size也会按照(当前页面宽度/640)的比例变化。...大家可以看看淘宝的这个手机页面 淘宝手机站,基本就是这种感觉,底部导航和顶部搜索框用的高固定,宽自适应的方案,其余的部分基本都是随着浏览器宽度变化在等比例缩放。 最终页面代码首页代码大致如下 <!
有的时候一个网站需要区别是pc访问的 还是手机访问的,根据平台的不同让他跳转到不同的入口;可以这样实现: server { ### nginx 用来当静态资源的服务器 listen...83; server_name localhost; underscores_in_headers on; # 是手机还是pc set $mobile_rewrite ispc; if (...set $mobile_rewrite ismobile; } location / { root /home/xxxx; set $myindex pc.html; #如果是手机就让
/关键字/"这样展示的,他觉得不够友好,希望实现静态化或者伪静态。...于是搜索相关的文档然后加以修改页面,确实找到解决办法,但是这里遇到的问题一并整理出来,这是我来解决DEDECMS织梦程序实现TAGS伪静态的办法,我没有生成静态化的问题是这样几万数据可能会导致服务器挂掉...,还是用伪静态比较妥当。...第一、设置DEDECMS全站伪静态 这里我们到系统参数-核心中设置全站伪静态。同时,我们还需要给站点设置伪静态规则,这里他是用的Nginx,我们这里就用DEDECMS Nginx伪静态规则。...然后我们再去刷新整站,可以看到所有的TAGS变成伪静态页面"tags/关键字.html"这样的格式。
Web 缓存是指一个 Web 资源(如 html 页面,图片,js,数据等)存在于 Web 服务器和客户端(浏览器)之间的副本。...其实在 Nginx 里使用 FastCGI 缓存得方法【张戈博客】很早就有分享,并且非常的详细,有兴趣的朋友可以参考【Nginx 开启 fastcgi_cache 缓存加速,支持 html 伪静态页面】...$request_uri"; fastcgi_cache_use_stale error timeout invalid_header http_500; #忽略一切 nocache 申明,避免不缓存伪静态等...$request_uri"; fastcgi_cache_use_stale error timeout invalid_header http_500; #忽略一切 nocache 申明,避免不缓存伪静态等...有关插件的详细使用请移步【Nginx 开启 fastcgi_cache 缓存加速,支持 html 伪静态页面】一文了解,明月就不再多做赘述了!
在我测试期间发现,Nginx 的缓存也同样可以缓存伪静态的 html 页面,完全可以替代 WP-Super-Cache 这类缓存插件了。...,可以缓存伪静态【这是亮点!】 ...二、本地模式 第一种代理模式,我们是利用本地转发变相实现反向代理下的 Nginx 缓存功能,并且可以缓存 html 伪静态页面。从整体的配置可以看出,已经非常接近百度云加速等 CDN 的缓存功能了!...测试中发现,这种模式貌似无法缓存 html 伪静态页面,稍有遗憾,有兴趣的童鞋可以深入研究看看,可能是我没测试到位。...而且,从代理模式的缓存中,我们甚至可以缓存 html 伪静态页面,这意味着什么?强迫症们有可以无情的丢弃一款 WordPress 缓存插件啦!
不会的朋友可以参考前文: 为网站开启 Nginx 缓存加速,支持 html 伪静态页面 Ps:需要重新编译 Nginx,在原有的编译参数上新增一个 ngx_cache_purge 模块,比如: -...二、Nginx 配置 要用这个缓存功能,建议重新弄一个 server 模块(替换之前的),如下代码是张戈博客目前正在使用的规则(已删除了我自定义的伪静态规则,避免混淆视听): #############...######################################################## # Nginx开启fastcgi_cache-purge缓存加速,支持html伪静态页面...host$request_uri"; fastcgi_cache_use_stale error timeout invalid_header http_500; #忽略一切nocache申明,避免不缓存伪静态等...(之前你新增的伪静态规则可以添加到这,没有就不用了) try_files $uri $uri/ /index.php?
数据表格兼容移动端电脑上开发的表格可以使用table或是类似的组件实现但是往往不适用移动端的屏幕一来,电脑是横的,手机是竖的而且数据量摆在那里,看起来不舒服改造 手机号...
适合前后端交互不多的页面,如CMS(文章管理系统)生成静态页面、SSR(服务端渲染)是每次请求都生产新HTML(传统BS框架PHP、Python、Ruby、Java后台的基本功能)Sever Site...为什么不在后端渲染好,然后发给每个人这样就可以N 次渲染变成了 1 次渲染N 次客户端渲染变成了 1 次静态页面生成这个过程成为 动态内容静态化静态页面生成(SSG)前提:如果每个人都请求一个相同的资源...n次渲染变成了一次渲染,n次客户端渲染变成了1次静态页面生成。这个过程叫做动态内容静态化。如何做SSG:那么后端渲染还需要通过ajax来获取渲染内容么?...SSG静态化的优点:生产环境中直接给出完整页面首屏不会白屏搜索引擎能看到页面内容,方便SEOSSG静态化的缺点:所有用户看到的都是同一个页面,无法生成用户相关内容如果页面和用户相关呢?...的三种渲染方式(BSR、SSG、SSR) https://zhuanlan.zhihu.com/p/341229054转载本站文章《next.js静态页面渲染技术(静态生成和服务端渲染):BSR/SSG
iphone|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/.test(sUserAgent)) { //跳转移动端页面...wap.baidu.com" rel="external nofollow" rel="external nofollow" ; } else { //跳转pc端页面
,在非SEO页跳转到SEO页之前,必须将该页面生成并发送到服务器 SEO页的生成: 搭建vue工程做出该页面 将js、css等静态文件先部署到服务器 使用模板软件或者自己写函数,实现渲染功能 将渲染软件部署到云函数或者本地服务器...非SEO页的管理页面增加按钮,发送文章内容到渲染服务器 将渲染之后的SEO页保存到静态文件托管文件服务器,发送方可以是渲染服务器,也可以是浏览器 推送链接到CDN服务商 检查链接是否可访问,推送链接到搜索引擎...还需要做的事 footer的站点名称与header保持一致;header动态获取和链接; SEO页的更新: 只要将更新后的页面保存到静态文件托管服务器即可 20190408 完成编码并上线 20190619...完成编码过程博文撰写Nginx配置 我们实现页面静态化之后,如果刷新会出现404,这时候需要修改Nginx的一些配置。...location @router { rewrite ^.*$ /index.html last; } } 这里的rewrite规则很重要,因为既要保证服务端在刷新时返回
希望phpcms跟WordPress一样,能够在文章发布页面自定义url,从而提高SEO优化吗?...注意:该代码只有在纯静态下支持,在伪静态中暂时没有想到好的办法。...如果把tmp_id 这行中的 content_ishtml && 删除,那么伪静态后的网页也是打不开的,因为动态网址后面跟的必须是文章ID,如果跟的是其他值就不存在该文章了。...$tmp_id : $id; //静态页面用上面判断的$tmpid值,动态页面则调用$id值 在原来的tam_id之前定义了一个时间变量,然后进行判断。...但是在动态页面时,id值会变成时间,就无法显示文章了,所以最后还加了一行,如果是静态页面则执行第二行的判断,否则就调用ID.
现在很多人都想制作一个个人博客,前端html静态页面,免费的很多,但是拿到一个静态页面,自己并不知道怎么用。你可以选择下载免费的博客程序源码,或者cms。...Z-blog博客程序的特点在于它有asp,php两个版本,有可选择性,页面静态化做得比较好,有利于SEO优化。但Z-blog目前提供的不少主题模板和插件是收费的,而且主题不是很多。 2、Emlog。...不够完美的地方在于,Emlog不能html静态化,支持的是伪静态。 3、WordPress。...5、PHPCMS。最新版 V9.6.3 ,更新时间:2017年05月15日。...从安全性来说,帝国CMS,PHPCMS的安全性高,没有什么漏洞,帝国cms页面静态化,利于优化,而且扩展性很好,适合做二次开发。但从美观度来说,帝国cms不重视这些,甚至很多都是table布局。
手机页面经常设置了设备宽度,也不允许用户缩放,往往发现页面左右宽度大于设备宽度,导致左右页面的漂浮。...针对此现象可以 隐藏各个区块逐一打开 看看到底漂浮发生在哪个区块, 然后针对这个区块,在手机版css里写入overflow:hidden 。...有时候莫名其妙发现PC版页面右侧的滚动条不了, 看看有没有在 body里写overflow:hidden这么坑爹的设置。
minimum-scale='+phoneScale+',maximum-scale ='+phoneScale +',user-scalable=no,">'); 18 } 19 做手机端页面最头疼的就是物理分辨率和逻辑分辨率的转换了...,在手机端的样式也会因此大乱,在页面头部加入以上一段js之后,在手机端就可以正常显示了, var phoneScale = phoneWidth/750; 除以的为设计图设计的页面宽度,750是按iphone6...来设计(根据自己使用需求来修改),即让页面的 放大比率=屏幕的逻辑分辨率/物理分辨率,从而达到适应手机的效果。...试想,浏览器如果把电脑端的980px的网页展现在宽度为750px的iphone6手机屏上,势必会放不下,手机端横向会出现滚动条,怎么阻止这种情况呢,很简单,浏览器默认一个虚拟窗口,不同浏览器有不同的虚拟窗口宽度的默认值如...; opera:850px; Andriod webkit:800px; IE:974px; 然后会把这个980px虚拟窗口装进宽度为750px的iphone6中,当然这样的话必须缩放,这就是为什么在手机中展现电脑端页面没有出现横向滚动条
常用标签 {$SEO['keyword']} 页面关键字 {$SEO['description']} 页面描述 {APP_PATH} 首页地址 格式 http://www.liweiliang.com/...{$title} 文章标题 {url} 文章链接 仅限于动态或伪静态页面,纯静态页面请使用 {go(catid, {$content} 文章内容 {$description} 文章描述 时间标签...的页面判断 {if !...{$v[title]} {/loop} {/pc} 随机文章把排序部分改成 order="rand()"添加分页功能在pc标签最后加一个属性 page=" page="$page" 静态页面分页...友情链接调用 最后附上一些比较实用的方法 PHPCMS判断每5行进行一次分割 PHPCMS列表第一项特殊化 PHPCMS详解栏目ID
对网站页面进行静态化处理将动态页面转化为实际存在的静态页面这种方法,由于静态页面的存在,少了动态解析过程,所以提高了页面的访问速度和稳定性,使得优化效果非常明显。...目前 CMS系统实现URL静态化的方法可以使用MVC三层架构,通过 Rewrite 技术实现了URL伪静态。...而且从网页浏览速度上考虑,采用 CSS+DIV重构的页面容量要比 Table 编码的页面文件容量小得多,前者一般只有后者的1/2 大小。使用 DIV+CSS布局,页面代码变得精简。...cms模板标签不同css怎么套 cms模板标签不同css套的方法如下: 1、直接用浏览器打开新闻列表静态页面list.html。...css也叫模板嵌套,过程其实就是把之前静态页面中的静态文本替换STL标签的过程。 cms系统套标签的介绍就聊到这里吧,感谢你花时间阅读本站内容.
正常的页面设置了 之后 手机端的border细线 及时设置了1px的宽度也会虚化变宽。...103090.shtml http://blog.csdn.net/huang100qi/article/details/47355277 但也有人坑爹的提出,想要真正的1个像素的细线,可以把手机版页面设为...maximum-scale=0.3333333333333333, minimum-scale=0.3333333333333333, user-scalable=no"> 这样做的后果是,PC版页面完全无法看
领取专属 10元无门槛券
手把手带您无忧上云