微信小程序--簡約風博客小程序(基於雲開發 - 全開源)
項目啟動純屬突發奇想,想看看博客小程序,例如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
中提出