一个360壁纸网站分享

一个360壁纸网站分享

关于

早先刚做博客的时候,为了寻找好看的文章封面(我是颜控+强迫症患者),常常流连于各种壁纸网站,当时看着网上各位大佬的壁纸网站,想着要是自己也有一个就好了,苦于没有图源,自己也没有技术。

一次偶然的机会,在网上发现了360的壁纸API,刚好那会正在学习自学VUE,就准备自己动手做个壁纸网站练手。于是现在将要分享的这个壁纸站就诞生了相左-壁纸库,其实这个壁纸站早就做好了,前前后后使用了差不多一年,体验不错,在需要使用图片的时候,直接复制图片链接使用就行,还给自己的图床省了空间和流量,简直不要太爽:

特点:

  1. 界面简洁干净
  2. 支持分类检索与关键词检索
  3. 响应式布局,自适应PC端和移动端
  4. 纯静态

使用方法

分享地址:https://github.com/ztyangt/wallpaper-360

  1. 可以将源码下载下来,自己二次开发打包部署
  2. 也可以直接上传解压打包好的静态文件包 disk.zip

注意事项:

由于需要请求360的壁纸API,需要解决跨域的问题,因此在部署好静态文件之后,需要对网站进行简单的配置,我的网站是基于Nginx部署的,在网站配置文件中加入如下配置:

   location /360 {
        rewrite ^.+360/?(.*)$ /$1 break;
        include uwsgi_params;
        proxy_pass http://cdn.apc.360.cn;
    }
    location /360hot {
        rewrite ^.+360hot/?(.*)$ /$1 break;
        include uwsgi_params;
        proxy_pass http://openbox.mobilem.360.cn;
    }
    location /search {
        rewrite ^.+search/?(.*)$ /$1 break;
        include uwsgi_params;
        proxy_pass http://wallpaper.apc.360.cn;
    }

分享结束,祝使用愉快!