二次元影视主题Qinmei 3.0支持视频解析的wp主题

虫子君
虫子君
虫子君
560
文章
260
评论
2019年12月8日11:04:39 4 336 2743字阅读9分8秒

Qinmei这个主题是我见到过的第一款可以实现WordPress前后端分离的二次元影视类型的主题,功能的到底有多强大呢, 这里给您说一点,可以实现彻底的静态化。并且可以将不同的文件,存放在不同的地方,比如dns或者对象储存等等。这就是前后端分离带来的好处。

在功能方面真的是一点也不像是一款免费的主题,对于一个影视站来说,这款主题能够带来非常友好的体验,尤其是对于一些新手同学,至少在使用上面不会遇到太大问题。并且该主题除了支持直联视频,同样还支持解析视频。

Qinmei这个主题是免费的,目前作者分享在GitHub仓库上面,如果喜欢可以跳到文末去下载。

Qinmei功能介绍

1. 支持豆瓣以及 bangumi 的一键获取信息, 豆瓣 api 目前使用的是第三方代理 可能有失效的风险.

2. 用户云端历史纪录,收藏记录,点赞记录等等。

3. 前后端分离,针对 wordpress 进行了大量的定制化,使其成为一个纯 api 输出的后台,前台因此可以部署在各个地方.

既然是前后端分离的,那主题的文件显得也格外的多一点,主题分为三个部分,其中“qinpress”是主题文件,需要放到WordPress的themes文件夹当中。另外的两个文件夹web和h5则是前段文件,您可以选择性的放到任意地方。

Qinmei目录结构

qinpress // WordPress主题文件

web // pc 端文件

h5 // 移动端文件

picture // 安装图片相关

在使用的时候需要注意到一点,就是Qinmei这款主题由于采用的是前后端分离的结构,所以对于WordPress的编辑器也是有一定的要求的,不建议搭建使用新版的古腾堡编辑器,建议切换成旧版的编辑器。正好,我之前写了一篇关于古腾堡编辑器禁用的文章,如果您正好需要,不妨去看看。

Qinmei主题前端演示

二次元影视主题Qinmei 3.0支持视频解析的wp主题 二次元影视主题Qinmei 3.0支持视频解析的wp主题 二次元影视主题Qinmei 3.0支持视频解析的wp主题 二次元影视主题Qinmei 3.0支持视频解析的wp主题 二次元影视主题Qinmei 3.0支持视频解析的wp主题 二次元影视主题Qinmei 3.0支持视频解析的wp主题 二次元影视主题Qinmei 3.0支持视频解析的wp主题 二次元影视主题Qinmei 3.0支持视频解析的wp主题 二次元影视主题Qinmei 3.0支持视频解析的wp主题

Qinmei主题安装方法(来源原作者)

新建个php站点,然后安装wp,这个不用多说了,域名的话最好是 api.wordpress.com 这种, 因为 wordpress 只用来提供接口, 实际上的主页面在外面, 所以不要主域名安装。

1.2 然后上传后台主题,直接ftp上传就好,后台上传估计不行,将 qinpress 文件夹上传到 theme 里面。

二次元影视主题Qinmei 3.0支持视频解析的wp主题

1.3 去后台启用主题

二次元影视主题Qinmei 3.0支持视频解析的wp主题

1.4 访问网站首页能看到登录界面(注意退出登录才能看到)就OK了。

二次元影视主题Qinmei 3.0支持视频解析的wp主题

1.4 测试下数据的输出有没有问题,在域名后面加上/wp-json/wp/v2/访问能看到下面的这些信息就代表没问题了, 如果显示的不是一堆字符, 那就看伪静态有没有设置

二次元影视主题Qinmei 3.0支持视频解析的wp主题

1.5 在后台的主题设置栏里面点击创建页面, 当然点击之后会跳转到一个空白页面或这上面有一些乱码, 这个不用理会, 直接看下一步即可

二次元影视主题Qinmei 3.0支持视频解析的wp主题

1.6 然后在动漫的分类以及类型啥的能看到自动生成的分类即可,请对照类型表格一一检查, 若有错误需要手动改正, 否则页面会不显示

二次元影视主题Qinmei 3.0支持视频解析的wp主题 二次元影视主题Qinmei 3.0支持视频解析的wp主题

1.7 最后安装认证插件 JWT Authentication for WP-API

二次元影视主题Qinmei 3.0支持视频解析的wp主题

1.8 设置key,我们先去 https://api.wordpress.org/secret-key/1.1/salt/ 生成几个随机的key, 我们随便复制一个即可, 名称不重要。

二次元影视主题Qinmei 3.0支持视频解析的wp主题

1.9 然后根据下面的格式填写。

define('JWT_AUTH_SECRET_KEY', 'v~AyMT|k:.3:T.ohm_]}g61O45uY5Zx,?]CsJs+kS2/MnBkH>2`fQw*1J{zm/$i+');
define('JWT_AUTH_CORS_ENABLE', true);

1.10 然后把上面两个参数填写到网站根目录的wp-config.php里面,放到那一堆key的下面就好。

二次元影视主题Qinmei 3.0支持视频解析的wp主题

1.11 最后记得去主题设置处允许前端域名访问,后台安装基本上就搞定了

二次元影视主题Qinmei 3.0支持视频解析的wp主题

2.前端静态站安装

静态站才是展示的主要地方,我们需要分别创建 pc 端的网站以及移动端的网站, 建议pc端直接使用主域名, 如: www.wordpress.com, 然后移动端使用 m.wordpress.com, 然后在 nginx 中分别配置根据UA相互跳转;

由于两个站点配置都一样,所以只讲解其中一个;

我们新建个web站点, 然后上传对应的主题文件到根目录, web对应的是pc端, h5对应的是移动端;

二次元影视主题Qinmei 3.0支持视频解析的wp主题

然后设置伪静态规则,用wordpress的就行,然后把index.php改成index.html, 如下:

location / {
        index      index.html index.htm index.php;
        try_files  $uri $uri/ /index.html?$args;
    }

手机端与移动端的相互跳转在nginx里面设置就好, 下面简单介绍下, 具体的可以百度, 自己修改域名;

跳转到移动端:

 if ($http_user_agent ~* (mobile|nokia|iphone|ipad|android|samsung|htc|blackberry)) {
         rewrite  https://m.wordpress.com permanent;
    }

跳转到pc端

 if ($http_user_agent !~* (mobile|nokia|iphone|ipad|android|samsung|htc|blackberry)){
       rewrite  https://www.wordpress.com permanent;
    }

然后设置static/config.js 的内容

二次元影视主题Qinmei 3.0支持视频解析的wp主题

baseurl就是你的后端wordpress域名, basename就是你的网站名

设置好之后,我们点开网页,能看到下面的内容就表示没问题了

二次元影视主题Qinmei 3.0支持视频解析的wp主题

然后点击登录看看登录注册没有没问题

二次元影视主题Qinmei 3.0支持视频解析的wp主题

进入下面的用户面板就表示没啥问题了

二次元影视主题Qinmei 3.0支持视频解析的wp主题

最后我们测试下上传图片有没有问题, 有问题的话可能就是你的wordpress权限问题了

二次元影视主题Qinmei 3.0支持视频解析的wp主题

都OK的话, 我们就可以开始后台的配置了。

总结;虽然这款主题功能非常强大,其安装起来也稍显复杂,不过得益于功能的强大,所以付出更大的代价也不无不可,安装完了以后,虫子君不由的想到中,这个主题怎么跟春哥的柒比贰主题如此雷同的。估计两者都是采用前后端分离的架构,才会如此雷同,毕竟安装其他的主题仅仅是上传到WordPress的后台就可以了呢,那也能够称之为雷同?

手机扫一扫   支付¥1   免评论获取
下载信息 主题名称:Qinmei 应用平台:WordPress 主题版本:Qinmei 3.0 主题来源:作者免费github下载
下载地址:发表评论并刷新可见
展开全文
  • 您有好资源需要让广大网友一起享用吗?可以是您的主题,也可以是插件,欢迎来投稿!
  • 这里是我的博客,亦是您分享插件或主题的地方,虫子君只专注WordPress,以及自己的工作。这里欢迎你来投稿。

您必须才能发表评论!

评论:4   其中:访客  2   博主  2
    • avatar qazqaz 0

      新版4.0已经脱离wordpress了.这个不不知道哎,麻烦大佬告知,新版还需要后台的支持吗,科普一下,谢谢。

        • avatar 虫子君 Admin

          @qazqaz 没有主题不需要后台的支持,那这个主题就是一个程序了。

        • avatar wujianmin 1

          新版4.0已经脱离wordpress了

            • avatar 虫子君 Admin

              @wujianmin 这个不不知道哎,麻烦大佬告知,新版还需要后台的支持吗,科普一下,谢谢。