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

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

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

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

1.项目分析

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

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 分类列表,存放用户自定义收藏分类 所有用户可读,仅创建者可读写

重新编译项目即可。

自查顺序

  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

微信小程序--简约风博客小程序(基于云开发 - 全开源)的更多相关文章

  1. 象写程序一样写博客:搭建基于github的博客

    象写程序一样写博客:搭建基于github的博客   前言 github 真是无所不能.其 Pages 功能 支持上传 html,并且在页面中显示.于是有好事者做了一个基于 github 的博客管理工具 ...

  2. 基于.NetCore开发博客项目 StarBlog - (6) 页面开发之博客文章列表

    系列文章 基于.NetCore开发博客项目 StarBlog - (1) 为什么需要自己写一个博客? 基于.NetCore开发博客项目 StarBlog - (2) 环境准备和创建项目 基于.NetC ...

  3. 基于.NetCore开发博客项目 StarBlog - (7) 页面开发之文章详情页面

    系列文章 基于.NetCore开发博客项目 StarBlog - (1) 为什么需要自己写一个博客? 基于.NetCore开发博客项目 StarBlog - (2) 环境准备和创建项目 基于.NetC ...

  4. python random模块 - 小驹的专栏 - 博客频道 - CSDN.NET

    python random模块 - 小驹的专栏 - 博客频道 - CSDN.NET python random模块 分类: python 2011-11-15 15:31 6037人阅读 评论(2) ...

  5. Django 09 博客小案例

    Django 09 博客小案例 urls.py from django.urls import path from . import views urlpatterns = [ path('index ...

  6. Django——9 博客小案例的实现

    Django  博客小案例的实现 主要实现博客的增删改查功能 主页index.html  -->  展示添加博客和博客列表的文字,实现页面跳转 添加页add.html  --> 输入文章标 ...

  7. Slog71_选取、上传和显示本地图片GET !(微信小程序之云开发-全栈时代3)

    ArthurSlog SLog-71 Year·1 Guangzhou·China Sep 12th 2018 ArthurSlog Page GitHub NPM Package Page 掘金主页 ...

  8. Django 学习笔记之六 建立一个简单的博客应用程序

    最近在学习django时建立了一个简单的博客应用程序,现在把简单的步骤说一下.本人的用的版本是python 2.7.3和django 1.10.3,Windows10系统 1.首先通过命令建立项目和a ...

  9. Golang 在 Linux CentOS 6.5 服务器上实现 博客后台程序开机启动

    在linux下想实现开机启动的方法很多,这里我采用了在/etc/rc.local里写shell指令的方式. 以下就以我的实际操作为例子讲述,很多地方需要看官自己调整信息哦! 1.在/etc/rc.lo ...

随机推荐

  1. input composition event All In One

    input composition event All In One input event compositionStart & compositionEnd & compositi ...

  2. 前端安全 All In One

    前端安全 All In One refs xgqfrms 2012-2020 www.cnblogs.com 发布文章使用:只允许注册用户才可以访问!

  3. iPadOS 14 memoji 无法使用 bug

    iPadOS 14 memoji 无法使用 bug iPadOS 14 bug refs 如何在 iPhone 和 iPad Pro 上使用动话表情 https://support.apple.com ...

  4. style element & web components

    style element & web components style.textContent style.setContent bug style.textContent const st ...

  5. Flutter for web

    Flutter for web https://flutter.dev/web https://github.com/flutter/flutter_web Dart https://github.c ...

  6. TypeScript & Advanced Types

    TypeScript & Advanced Types https://www.typescriptlang.org/docs/handbook/advanced-types.html#typ ...

  7. webpack + ts 配置路径别名无死角方法总结

    webpack + ts 配置路径别名总结 自我体验加总结:在配置脚手架时,定制别名很有必要,可以使得代码更优雅,可读性更强.但在使用ts的时候,即便项目能够运行,vscode 确时长会提示 can' ...

  8. Python 爬虫使用动态切换ip防止封杀

    对于爬虫被封禁 ! 爬虫一般来说只要你的ip够多,是不容易被封的. 一些中小网站要封杀你,他的技术成本也是很高的,因为大多数网站没有vps,他们用的是虚拟空间或者是sae,bae这样的paas云. 其 ...

  9. 扒几个 3D 模型备用

    前言 在上一篇中,我展示了 OpenGL 开发的基本过程,算是向 3D 世界迈出的一小步吧.对于简单的 3D 物体,比如立方体.球体.圆环等等,我们只需要简单的计算就可以得到他们的顶点的坐标.但是仅仅 ...

  10. 字符串拼接出现null的问题

    最近在开发的过程中遇到这样的问题,原因是在做一个需求的时候,要求将解密的号码和前缀进行拼接.一开始在这个拼接的过程中,没有考虑到数据校验的问题,因为有可能他的前缀或者其他需要拼接的字段在前端传递的过程 ...