![v2-38575cbb4246d86bcf0d5d9b0a1b0842_b.pn](https://pic3.zhimg.com/v2-38575cbb4246d86bcf0d5d9b0a1b0842_b.png?x-oss-process=image/resize,w_1400/format,webp)
准备工作
1服务器 最好使用Linux服务器,小白推荐安装宝塔面板。
2备案域名
3.小程序账号 建议注册企业账号,可以使用已认证的公众号快速创建。
4.七牛账号 CDN使用,加快网站访问速度。如需使用小程序发帖,也会用到。
5.下载小程序源码 源码下载地址https://github.com/iamxjb/winxin-app-watch-life.net(由jianbo开发,如果大家按照此教程搭建成功,请记得赞赏jianbo,只有这样才会良性循环。记住,懂得感恩的人或获得更多,越吝啬的人越赚不了大钱。)
6.规划内容和分类 网站必须有3个以上分类,10篇以上文章(置顶两篇文章并评论)
演示案例
教程目录:
一,注册并认证小程序
自己去看官方教程
二,服务器安装linux+宝塔面板+lnmp环境
1.安装纯净的centos
2.安装宝塔面板(http://www.bt.cn)
3.安装lnmp环境,最好编译安装
4.解析网站到服务器,并在宝塔面板新建网站
![v2-d6f82a8b61bc0f9aecf23e6387aa01c4_b.pn](https://pic1.zhimg.com/v2-d6f82a8b61bc0f9aecf23e6387aa01c4_b.png?x-oss-process=image/resize,w_1400/format,webp)
三,安装wordpress并配置ssl
我是以宝塔面板作为案例,其他请自行百度。
宝塔面板——网站——点击网站后的设置按钮
![v2-c99c09d814b5f0a2413d1af7b43ad594_b.pn](https://pic1.zhimg.com/v2-c99c09d814b5f0a2413d1af7b43ad594_b.png?x-oss-process=image/resize,w_1400/format,webp)
选择你要部署ssl的域名,点击申请,稍等一会证书即可申请and自动部署。
![v2-94c2c0049abdffef91dadd3b0d066a90_b.pn](https://pic1.zhimg.com/v2-94c2c0049abdffef91dadd3b0d066a90_b.png?x-oss-process=image/resize,w_1400/format,webp)
部署好之后就可以安装wordpress了,我使用的是最新版wp+php7.0。注意不要使用5.6以下的php。
安装好之后新建三个分类目录 每个目录发表三篇以上文章,将其中几篇置顶并评论下。新建一个页面,用于关于我们页面。
四,wordpress伪静态+缓存优化+CDN加速
1.伪静态
安装好wp后,进入后台,选择设置--固定连接-自定义,填入/%post_id%.html
![v2-0191456984c6ff7909096f4f6616f8bb_b.pn](https://pic4.zhimg.com/v2-0191456984c6ff7909096f4f6616f8bb_b.png?x-oss-process=image/resize,w_1400/format,webp)
进宝塔面板设置一下伪静态规则
location / {
if (-f $request_filename/index.html){
rewrite (.*) $1/index.html break;
}
if (-f $request_filename/index.php){
rewrite (.*) $1/index.php;
}
if (!-f $request_filename){
rewrite (.*) /index.php;
}
}
rewrite /wp-admin$ $scheme://$host$uri/ permanent;
![v2-29a69c2c4db25a220af85538c63fc025_b.pn](https://pic2.zhimg.com/v2-29a69c2c4db25a220af85538c63fc025_b.png?x-oss-process=image/resize,w_1400/format,webp)
2.缓存优化
所需文件下载地址:memcached.zip - 小生意圈网盘
缓存的优点和其他乱七八糟的就不说了,直接上步骤
a 宝塔面板 php版本里安装memcached(php7.0的 opcache也可以安装)
![v2-2c59cf035d50d48fafa4796a5de3f7b4_b.pn](https://pic1.zhimg.com/v2-2c59cf035d50d48fafa4796a5de3f7b4_b.png?x-oss-process=image/resize,w_1400/format,webp)
b上传两个文件到wp-content目录下
![v2-22ce3bfffced4fa24d1a0b4fc1fba1bd_b.pn](https://pic2.zhimg.com/v2-22ce3bfffced4fa24d1a0b4fc1fba1bd_b.png?x-oss-process=image/resize,w_1400/format,webp)
c上传memcache.php到根目录 访问这个文件就可以看到缓存信息(记得改文件里边的用户名密码)
![v2-05508b322aa7432a846f5808a5933b6c_b.pn](https://pic1.zhimg.com/v2-05508b322aa7432a846f5808a5933b6c_b.png?x-oss-process=image/resize,w_1400/format,webp)
3.使用七牛cdn加速静态资源
五:安装插件
1.安装wp-rest-api-for-app,下载地址:wp-api.zip - 小生意圈网盘
下载后在后台直接安装即可
![1240](http://upload-images.jianshu.io/upload_images/6027819-0f31f7f5e50038eb.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240&x-oss-process=image/resize,w_1400/format,webp)
2.安装插件后会在文章分类目录里新增一个选项 ,这里可以放分类的图片地址,在小程序里体现为专题页面的专题封面
六,修改小程序源码
1.显示网站内容:修改utils-api.js下的域名为你自己的域名,基本就可以拉取内容了
![1240](http://upload-images.jianshu.io/upload_images/6027819-07d30089e44a2b02.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240&x-oss-process=image/resize,w_1400/format,webp)
2.关于我们页面:
新建一个页面并取到id
![1240](http://upload-images.jianshu.io/upload_images/6027819-244440decbb489a8.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240&x-oss-process=image/resize,w_1400/format,webp)
在pages-about-about.js下修改id
![1240](http://upload-images.jianshu.io/upload_images/6027819-c880b46fb3bab5a9.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240&x-oss-process=image/resize,w_1400/format,webp)
3.一些简单的ui美化
4.点击分享生成 【带小程序二维码的分享卡片 】用来分享到朋友圈
分享朋友圈卡片制作六,高级版模版源码修改
主页修改,动态修改,地图修改