我的移动端h5版本的博客终于上线了！

我的移动端h5版本的博客终于上线了。

h5博客首页效果图

手机浏览器或者微信扫一扫预览，目前只针对H5，也就是移动浏览器和微信访问。微信小程序打包效果不理想，所以并没有发布。

用到哪些技术

• 接口：golang、beego框架
• 数据库：mysql，沿用pc端的库和数据
• 前端：uni-app框架，其中的首页轮播组件+文章页markdown解析组件+parse富文本解析组件
• 运维：nginx反向代理+golangWeb部署+https认证

前后端分离的方式，前后端各自独立部署。

整体的部署思路：

• 先解析两个域名：api.qiusuoweb.com 用作接口访问域名；h5.qiusuoweb.com用作前端访问域名
• 在部署服务器上编译并执行beego的数据接口
• 配置nginx服务，把api域名的server监听beego服务器端口
• 配置nginx服务，把h5域名的server监听80端口，root映射到对应的h5首页入口文件
• 最后可以为两个域名配置https认证

关于我为什么要写移动端h5版本的博客

从用户的角度技术博客的h5版本并不是一个好的选择，因为没有什么流量入口是从h5进入的。我看大多数访问我博客网站的用户都是有具体的问题从搜索引擎进入的，都是带着具体的问题落到某个文章页。这可能是一个技术博客仅有的价值吧。如果仅仅是流量角度那么公众号可能是一个更好的选择。为什么我还是坚持要写h5版本的博客？

我写博客（系统）主要是为了学习之用。博客是一个很好的输出，我想很多程序初学者都会把博客做为自己的第一个项目吧。我的这个博客就是我初学PHP+前端的时候创建的。同样今天写H5为了学习巩固golang技术，当我刚开始学习golang的时候，我就在想我的学完golang我的项目（作业）应该是什么？正好我的博客缺个移动端的应用，就用golang写接口吧。另外顺便丰富下自己的博客入口端（虽然我知道没什么人会再拿个手机扫码在看）。