微信小程序--简约风博客小程序(基于云开发 - 全开源)
微信小程序--简约风博客小程序(基于云开发 - 全开源)
项目启动纯属突发奇想,想看看博客小程序,例如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
微信小程序--简约风博客小程序(基于云开发 - 全开源)的更多相关文章
- 象写程序一样写博客:搭建基于github的博客
象写程序一样写博客:搭建基于github的博客 前言 github 真是无所不能.其 Pages 功能 支持上传 html,并且在页面中显示.于是有好事者做了一个基于 github 的博客管理工具 ...
- 基于.NetCore开发博客项目 StarBlog - (6) 页面开发之博客文章列表
系列文章 基于.NetCore开发博客项目 StarBlog - (1) 为什么需要自己写一个博客? 基于.NetCore开发博客项目 StarBlog - (2) 环境准备和创建项目 基于.NetC ...
- 基于.NetCore开发博客项目 StarBlog - (7) 页面开发之文章详情页面
系列文章 基于.NetCore开发博客项目 StarBlog - (1) 为什么需要自己写一个博客? 基于.NetCore开发博客项目 StarBlog - (2) 环境准备和创建项目 基于.NetC ...
- python random模块 - 小驹的专栏 - 博客频道 - CSDN.NET
python random模块 - 小驹的专栏 - 博客频道 - CSDN.NET python random模块 分类: python 2011-11-15 15:31 6037人阅读 评论(2) ...
- Django 09 博客小案例
Django 09 博客小案例 urls.py from django.urls import path from . import views urlpatterns = [ path('index ...
- Django——9 博客小案例的实现
Django 博客小案例的实现 主要实现博客的增删改查功能 主页index.html --> 展示添加博客和博客列表的文字,实现页面跳转 添加页add.html --> 输入文章标 ...
- Slog71_选取、上传和显示本地图片GET !(微信小程序之云开发-全栈时代3)
ArthurSlog SLog-71 Year·1 Guangzhou·China Sep 12th 2018 ArthurSlog Page GitHub NPM Package Page 掘金主页 ...
- Django 学习笔记之六 建立一个简单的博客应用程序
最近在学习django时建立了一个简单的博客应用程序,现在把简单的步骤说一下.本人的用的版本是python 2.7.3和django 1.10.3,Windows10系统 1.首先通过命令建立项目和a ...
- Golang 在 Linux CentOS 6.5 服务器上实现 博客后台程序开机启动
在linux下想实现开机启动的方法很多,这里我采用了在/etc/rc.local里写shell指令的方式. 以下就以我的实际操作为例子讲述,很多地方需要看官自己调整信息哦! 1.在/etc/rc.lo ...
随机推荐
- CURL (CommandLine Uniform Resource Locator) 简易教程!
1 http://curl.haxx.se/ http://curl.haxx.se/docs/httpscripting.html curl is an open source command li ...
- TypeScript 4.x Tutorials
TypeScript 4.x Tutorials TypeScript 4.x 最新教程 https://typescript-4x-tutorials.xgqfrms.xyz/ https://gi ...
- Google Chrome 怎么在退出时自动删除历史记录
1 Google Chrome 怎么在退出时自动删除历史记录 https://chrome.google.com/webstore/detail/clickclean/ghgabhipcejejjmh ...
- NGINX configure auto generator
NGINX configure auto generator The easiest way to configure a performant, secure, and stable NGINX s ...
- 手机 wifi 已连接,不可上网 bug
手机 wifi 已连接,不可上网 bug 同一个 Wi-Fi,电脑却可以? 注意事项 Mac 共享热点支持有线连接.蓝牙连接的网络进行共享. 如果你的 Mac 本身是通过 wifi 来连接上网的,那就 ...
- Objec.assign & bug
Objec.assign & bug shallow copy https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Referenc ...
- C++算法代码——三连击[NOIP1998 普及组]
题目来自:https://www.luogu.com.cn/problem/P1008 题目背景 本题为提交答案题,您可以写程序或手算在本机上算出答案后,直接提交答案文本,也可提交答案生成程序. 题目 ...
- java放射机制的学习心得
概述 之前在了解Spring的类加载机制的时候,了解了java的反射机制.但是,我对反射理解一直不深.也一直有点疑惑:Spring为什么利用反射创建对象?直接new对象和依靠反射创建对象有什么区别?什 ...
- Python算法_三种斐波那契数列算法
斐波那契数列(Fibonacci sequence),又称黄金分割数列.因数学家列昂纳多·斐波那契(Leonardoda Fibonacci)以兔子繁殖为例子而引入,故又称为"兔子数列&qu ...
- Java自学第8期——多线程
1.多线程: 操作系统支持同时运行多个任务,一个任务通常是一个程序,所有运行中的程序就是一个进程().程序内部包含多个顺序执行流,每个顺序执行流就是一个线程. 并发:两个或者多个事件在同一个时间段内交 ...