Dragon
  • 本博客商城免登录支付购买BUG已经修复恢复正常,谢谢您的惠顾!
  • 注册、登陆后即可全站无广告畅快浏览本博客了!
  • 本博客已开启支持百度AI智能内容自动审核机制!
明月登楼明月登楼  2021-09-20 14:11 明月登楼的博客 隐藏边栏 |   2 条评论  242 
文章评分 4 次,平均分 5.0
导语: 大家自行参考自己的 Nginx 站点配置文件来设置即可,原理其实很简单无非就是 PC 端就设定网站 root 目录为 pc 目录(对应里面放适合 PC 的文件和代码),移动设备反之亦然。

说起导航站来曾经的 hao123 应该是首屈一指的了,关于 hao123 的传奇估计不少站长们都是知道或者听说过的。说实话 hao123 的成功是不可复制的,因为导航站就是个时代的产物而已。但是一个属于自己专属的导航站或者独立页面对于我们站长来说还是很有必要的,至少明月现在已经是必备的了,收集些平时自己常用的网址啥的汇聚在一个纯静态页面上,无论是手机还是电脑上浏览器默认主题都指向这个页面,可以说是简单、高效、有逼格了!

如上图就是明月自用的导航站页面截图

这个导航站绝对是纯静态 HTML 版,所以在有 CDN 情况下可以永久缓存来实现速度提升,并且借助 Nginx 实现了移动、平板、PC 等不同设备自动跳转适配,有兴趣的可以围观体验一番:

点击直达:明月登楼 简单搜索

下面分享一下 Nginx 里实现的不同设备自动跳转和适配的配置代码(主要是因为这个导航首页 PC 端调用的 MP4 视频背景对移动端支持有问题,所以移动端取消了视频背景换为图片背景了):

        location / {
                root   /home/wwwroot/search.imydl.com/pc;
        if ($http_user_agent ~* (mobile|nokia|iphone|ipad|android|samsung|htc|blackberry)) {
                root /home/wwwroot/search.imydl.com/mobile;
        }
        index index.html index.htm index.php default.html default.htm default.php;
        }

大家自行参考自己的 Nginx 站点配置文件来设置即可,原理其实很简单无非就是 PC 端就设定网站 root 目录为 pc 目录(对应里面放适合 PC 的文件和代码),移动设备反之亦然。

当然,如果你不使用视频动态背景都设定为图片背景也就不存在设备自动跳转适配的需求了,也就不需要上面的这个代码了,大家自行根据自身情况选择吧。

本文提到的导航页源代码来自:5iux 简单搜索,请大家自行下载修改,特此声明!

「点点赞赏,手留余香」

还没有人赞赏,快来当第一个赞赏的人吧!

明月登楼给明月登楼打赏
×
予人玫瑰,手有余香
  • 2
  • 5
  • 10
  • 20
  • 50
2
支付

本文来自投稿,不代表明月登楼的博客立场,版权归原作者所有,欢迎分享本文,转载请保留出处!

明月登楼
明月登楼 关注:9    粉丝:0
玉满斋(www.ymanz.com)网站创始人,☑玉器爱好者 ☑微博控 ☑手机控 ☑历史控 ☑宅 ☑网络控 ☑Wordpress控

发表评论

表情 格式 链接 私密 签到
评论
正在努力加载中...
扫一扫二维码分享