前言

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

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

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

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

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

介绍

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

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

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

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

演示

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

演示：uBlog 网页端 www.wndss.com 点击跳转

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

演示：uBlog 安卓端，点击下载 密码:wndss

演示：uBlog 桌面 Windows 端，点击下载 密码:wndss

演示：uBlog 后台网页端（uBlog-admin） 点击跳转

后台登录账户

用户名：后羿

密码：dfqwer

快速部署

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

新手可以看详细部署教程，点击跳转

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

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

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

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

快速发布

详细步骤可看官方教程，点击跳转

发布到网页端：编辑器顶部点击 —— 发行 —— 网站 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 系统——万能的三三