微信小程序--简约风博客小程序(基于云开发 - 全开源)

微信小程序--简约风博客小程序(基于云开发 - 全开源)

项目启动纯属突发奇想,想看看博客小程序,例如wehalo博客小程序,但是感觉自建平台还要浪费自己的服务器算力,还没有访问量,省省吧。

本着白嫖的精神,用NodeJS完成了爬虫,小程序云开发也用免费的服务器,完成了该开源项目。

目前支持的爬虫范围有 CSDN文章,博客园部署了awescnb样式的全部文章,以及部分博客园相近基础主题文章,请自行测试。

1.项目分析

项目使用cheerio爬虫完成了对博客内容爬取,并在小程序端使用html2wxml插件对其内容进行解析。

项目支持对题目的模糊检索和标签的精确检索,在search中提供该功能。

项目支持喜爱文章收藏和自定义分类,根据自定分类形成对应nav导航栏。

项目还支持专栏文章,文章分集。

2.项目预览

首页及详情页

微信小程序--简约风博客小程序(基于云开发 - 全开源)

 

微信小程序--简约风博客小程序(基于云开发 - 全开源)

 

收藏及收藏分类页

微信小程序--简约风博客小程序(基于云开发 - 全开源)

 

微信小程序--简约风博客小程序(基于云开发 - 全开源)

 

专栏及专栏文章页

微信小程序--简约风博客小程序(基于云开发 - 全开源)

 

微信小程序--简约风博客小程序(基于云开发 - 全开源)

 
3.项目参考

wehalo小程序的addTips组件

ThorUI多个组件

ColorUI

4.项目部署及自查

1.下载(或直接下载ZIP)

git clone https://gitee.com/Kindear/cloud-note.git

2.修改配置文件

修改core/dev.js文件,填写上你的云开发环境ID,openid等部署完云函数后再填写

module.exports={ UseCloud:true, CloudId:'', //云开发环境id TraceUser:true, //记录用户访问日志 AdaptStorge:true, //允许缓存用户数据 AdminMode:true, //管理员权限模式 AdminList:['你的openid'] }

3.上传并部署云函数(云端安装依赖)

云函数上传并部署,如果依赖安装失败,需要自己安装,在每个云函数中顺序执行以下命令

npm install npm install axios npm install cheerio

之后上传全部文件即可。

4.数据集合

创建3个数据集合

集合名称 介绍 权限
POST_LIST   文章信息列表,存放文章及其作者信息   所有用户可读,仅创建者可读写  
FAVOR_LIST   收藏列表,存放用户收藏的文章信息   所有用户可读,仅创建者可读写  
TYPE_LIST   分类列表,存放用户自定义收藏分类   所有用户可读,仅创建者可读写  

重新编译项目即可。

自查顺序

是否修改project.config.json中的appid为自己的

是否开启了云环境(创建后最好需要等待一段时间10min左右)

是否修改了配置文件core/dev.js对应的环境id

是否上传并部署了云函数成功

是否创建了云数据集合

云数据集合访问权限是否和文档所说的一致

是否引入了html2wxml插件

以上都没问题,还是部署失败,可以在开源项目issue中提出

5.开源地址 - ⭐一下,求不白嫖

https://gitee.com/Kindear/cloud-note

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wsxsjx.html