分享一款博客站类型的微信小程序源码
最近逛某个站看见的源码,然后刚好需要就按照教程搭建了一个,现在分享源码给有需要的人。很少发帖,如有违规请版主帮助删掉!
源码好孩子看不见:https://xiaogao.lanzous.com/ioeCJkl9pyj
我搭建成功的成品:咱未发现有什么大问题
后台可以设置广告开关
文章页可以开关激励视频
小程序界面截图
然后再说一下搭建需要注意的问题(原帖搬来的)
文件说明: 在下载资源的压缩文件解压后得到:博客小程序源码1.0文件夹,打开后会有1个文件夹:xinshu(小程序源码),pods2116.html(数据字段),以及三个擦件压缩包,fengrui-xingshu.zip,wp-china-yes-master.zip,pods.zip
B站在线教程:https://www.bilibili.com/video/BV1xy4y117ia
准备开发工就婧1、hbuilder
2、微信小程序开发工具
后端安装:1.wordpres版本:5.0
2.php版本:7.0-7.3
后端图文教程:1.安装宝塔面板,安装wordpress博客程序(不会请百度)
2.宝塔后台设置wordpres伪静态,SSLzheng shu。
3.wordpress后台设置->固定链接->自定义结构->post id
4.wodpress后台设置->媒体->自动裁剪->设置为0(因为wp自动裁剪会导致特se tu片模糊)
5.wordpress后台安装提供的擦件,以及pods擦件,后台设置pods菜单->组件->安装Migrate: Packages
6.打开pods.html文件复制所有内容,在上图中点击migrate packages,点击导入粘贴我们的代码
7.随后左边菜单就会多出一个基本配置->创建一个页面->选择编辑->就可以编辑我们关于界面的内容,下滑就是其他配置的字段;资源下载和文章是否需要激励在编辑文章中可看到。
8.打开hbuilder和微信/QQ开发者编辑器,顶部工具->设置->运行配置->配置相对于的开发工具路径
9.将xingshu文件夹拖入到hbuilder,域名配置在components/api.js中修改
点击运行->运行小程序模拟器->微信小程序开发者工具->如果启动错误,一般是微信开发者工具没有登入,或者工具没有打开安全端口(设置-安全设置-安全)