uniapp+unicloud开发一个网页端，小程序端，APP端，桌面端的博客CMS系统——万能的三三

前言

做为一个开发者，怎么能没有一个自己的博客呢？

都说现在是小程序，APP时代了，显然只有网页端已经跟不上时代了，于是乎就想找一个免费的能同时支持网页端，小程序，APP的博客系统...

于是花了一点点时间，没找到合适的...

好吧，那既然自己是开发者，那为什么不能自己写一个博客呢？

于是又花亿点点时间...

介绍

既然要跨端，找了一圈，想要很好的支持小程序，和APP，基本上选定了uniapp，发现官方已经写好了后端和前端的模版，直接拿来用，基本解决了项目搭建问题，于是乎，又过了亿点点时间，完成了这套基于uniapp+unicloud开发，一套代码多端部署的博客CMS系统。

由于是基于uniapp开发的博客，就取名ublog，一个可同时部署到网页端，小程序端，APP端，桌面端的博客cms系统。

**下载即用，免费的，无需写一行代码，无需懂编程也能部署发布使用。**

**无需服务器，代码是免费的，官方也有免费的云空间，免费使用不香吗？**

演示

#### 提示: uBlog前端和后端（uBlog-admin）都可以免费使用。推荐直接获取源码后部署到自己的云空间体验。

演示：uBlog网页端www.wndss.com [点击跳转](https://www.wndss.com)

演示：uBlog小程序端，微信搜【万能的三三】

演示：uBlog安卓端，[点击下载](https://wndss.lanzouj.com/b02fntlwd)  密码:wndss

演示：uBlog桌面Windows端，[点击下载](https://wndss.lanzouj.com/b02fntlwd)  密码:wndss

演示：uBlog后台网页端（uBlog-admin） [点击跳转](https://wnblog.wndss.com/admin/#)

后台登录账户

用户名：后羿

密码：dfqwer

快速部署

#### 重要提示，前端和后端一定要选择同一个云空间

[新手可以看详细部署教程，点击跳转](https://www.wndss.com/post/article?id=16)

推荐使用最新版本的HBuilder编辑器

部署方式和部署uni-admin是一样的，用过uni-admin的可以直接上手

推荐使用阿里云空间，将代码导入到编辑器中-选择vue3-初始化云空间-完成

前端的部署方式和后端的部署方式是一样的，重复一次步骤即可。

快速发布

[详细步骤可看官方教程，点击跳转](https://uniapp.dcloud.net.cn/tutorial/)

#### 发布到网页端：编辑器顶部点击 —— 发行 —— 网站PC ，成功后上传到unicloud前端网页托管或自己的vps服务器，发布到网页端后，可使用桌面端开发平台发布到桌面端，比如electron

#### 发布到小程序：编辑器顶部点击 —— 发行 —— 小程序微信 ，成功后上传到微信小程序后台

#### 发布到安卓端：编辑器顶部点击 —— 发行 —— 原生APP云打包，成功后安装即可

## ublog介绍

# ublog 支持网页端，小程序，APP的博客CMS系统 【后台管理端】


uBlog部分功能介绍（更多功能持续更新中）

## 1.自适应显示

从PC大屏到H5小屏，再从小程序到APP桌面端，完全兼容显示。

![]()

![]()

![]()

## 2.动态切换主题

uBlog使用基于Material Design的基础颜色，你也可以选择任何一个你想要的颜色，加入系统中。

![]()

*   即可实现全应用动态切换颜色。
*   同时支持动态切换夜间暗色模式与日间亮色模式,一键灰色等任意颜色相关功能。

## 3.文章系统

后台基于强大且可高度自定义的tinymce编辑器，基本上wordpress能做到的功能，它也都可以。

可使用文章模板，使用隐藏内容，实现付费阅读，评论可见等常见功能。

![]()

后台提供预览界面，可查看pc大屏显示效果与小程序和APP端的显示效果，真正的做到所见即所得。

## 4.页面系统

uBlog的每个页面的显示内容都是由后台配置生成，除个人中心外，你可以理解为每个页面初始状态都是空白页。在后台添加相应的组件后从而生成对应的页面。

比如首页，就是一个空白页。

显示什么内容，完全自定义，或者使用别人配置好的样式，一键导入更快捷。

*   添加一个图片模块，就生成了首页轮播图。

*   添加一个公告模块，就生成了首页的公告。

*   添加一个文章列表模块，就生成文章列表。

![]()

## 5.模块系统

每个页面都是空白页，显示的内容，都是由后台动态配置生成。

那拥有哪些模块，就决定了页面有哪些功能。

就像wordpress的小工具一样，你可以把这些模块放到任意页面的，任意位置，无论是在网页端大屏，或是小程序和APP的小屏，都能自适应显示。

同时每个模块支持指定权限及指定平台。

可现实，不同用户，不同平台，不同的显示效果。

![]()

添加一个模块，就是添加一个组件。

也就是说文章也是ublog的插件，如果加入图片，视频，导航等插件，可以立刻变成任何应用。

uBlog是通用的CMS系统，整个应用显示的内容完全自定义。

## 6.用户系统

除了基本的用户角色权限外，添加了积分与金币功能及兑换码功能，积分对应等级，金币对应会员。

配合文章的权限可见与模块系统的权限可见，实现不同用户，显示不同的内容。

![]()

7.更多功能完善中

吐槽

最后分享一下使用uniapp开发的一些心得。

官方的hbuilder编辑器比不上vscode，特别是搜索功能，不是没反应，就是搜索卡死，只能重启解决，用12代i5和32g内存，就开一个编辑器，也会经常卡，很无语。一定要经常ctrl+s

升级hbuilder版本后，正常运行的代码会出现一些莫名其妙的错误，如果报错有显示在哪里还好解决，有时候只显示编译后几万行位置的错误，无法定位，只能回退版本找问题，这就很坑。

uniapp的云空间没有私有化部署的教程，不能部署到自己的vps服务器，基于serverless有很多优点，但也有一点点不足，还是有不少的人喜欢将博客部署到自己的服务器上，实现更多自定义功能。

## 后记

目前ublog的系统已经基本完成了，模块化开发，可拓展性强，想要加什么功能，后续直接添加对应的插件即可。

当然目前还有很多不完善的地方，但基本的博客系统是已经成了，因为要支持的平台较多，很多兼容性问题可能无法马上发现。

欢迎下载体验，有任何问题或建议欢迎一起交流，学习。

uniapp+unicloud开发一个网页端，小程序端，APP端，桌面端的博客CMS系统——万能的三三