微信小程序

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

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

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

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

1.项目分析

1. 项目使用cheerio爬虫完成了对博客内容爬取，并在小程序端使用html2wxml插件对其内容进行解析。
2. 项目支持对题目的模糊检索和标签的精确检索，在search中提供该功能。
3. 项目支持喜爱文章收藏和自定义分类，根据自定分类形成对应nav导航栏。
4. 项目还支持专栏文章，文章分集。

2.项目预览

首页及详情页

image.png
image.png

收藏及收藏分类页

image.png
image.png

专栏及专栏文章页

image.png image.png

3.项目参考

wehalo小程序的addTips组件

ThorUI多个组件

ColorUI

4.项目部署及自查

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

<pre style="margin: 10px 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 0px !important; padding-left: 0px; overflow: auto; white-space: pre; position: relative; border-radius: 4px; background: var(--hl-base); font-family: Consolas, "Lucida Console", Monaco, "Andale Mono", "Ubuntu Mono", monospace !important; color: rgb(20, 20, 24); font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: 1px; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;">git clone https://gitee.com/Kindear/cloud-note.git </pre>

2.修改配置文件

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

<pre style="margin: 10px 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 0px !important; padding-left: 0px; overflow: auto; white-space: pre; position: relative; border-radius: 4px; background: var(--hl-base); font-family: Consolas, "Lucida Console", Monaco, "Andale Mono", "Ubuntu Mono", monospace !important; color: rgb(20, 20, 24); font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: 1px; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;">module.exports={ UseCloud:true, CloudId:'', //云开发环境id TraceUser:true, //记录用户访问日志 AdaptStorge:true, //允许缓存用户数据 AdminMode:true, //管理员权限模式 AdminList:['你的openid'] } </pre>

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

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

<pre style="margin: 10px 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 0px !important; padding-left: 0px; overflow: auto; white-space: pre; position: relative; border-radius: 4px; background: var(--hl-base); font-family: Consolas, "Lucida Console", Monaco, "Andale Mono", "Ubuntu Mono", monospace !important; color: rgb(20, 20, 24); font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: 1px; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;">npm install npm install axios npm install cheerio </pre>

之后上传全部文件即可。

4.数据集合

创建3个数据集合

image.png

重新编译项目即可。

自查顺序

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

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

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

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

5. 是否创建了云数据集合

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

7. 是否引入了html2wxml插件

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

5.开源地址

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