成果 个人博客

一直会喊我郭师傅的同学进了百度。为她感到高兴的同时心里也有一丝苦涩。

一样的职业，我还在小公司徘徊挣扎，人家已经脱离了苦海。

基础薄弱！静不下心！技术浅尝辄止！五年多的经验却还如新手一般只会搬砖！！！

既然写博客能沉淀自己的知识体系，成为面试的加分项。

那还不快去做！！

给自己搭一个零成本的博客网页，加油郭师傅！！

亲手打造 谷果之家

一 · 怎么下手？

身为开发者，我们都知道，搭建博客，至少需要一个服务器来存储博客网页，一个域名对外访问。在这个友好又和善的世界里，有没有慈善家给我们免费提供这种玩意呢？

我就找到了下面这几个备选方案

• github page (移动用户需要翻墙，处于半墙状态，所以放弃了)

• Coding page (最后的选择)

• gitee page

• leancloud 免费开发版

• 阿里云oss

试试用上面的东西来搞一下。

二. 尝试可行性

1. github 新建仓库，开启github pages 参考这个博客

2. flutter构建简单的app demo

3. 编译出web产物push到github

热泪盈眶，经过一番操作后，成功在在网页上打开了我的demo网页。

不过搞东西难免踩坑，在此记录下我遇到的几个小坑

• Flutter web 页面展示的时候中文先显示口口，一会儿后再正确展示

原因是flutter 编译的时候 渲染模式我 canvaskit时有的bug

在编译的时候指定渲染模式为html就可以了flutter build web --web-renderer html

• 编译产物push到github 之后，打开网址展示的是一片空白？？？

stack overflow 大神给出了答案，在flutter web html入口处删掉 <base href="https://juejin.cn/">。 再次push，一切变为正常。

• 阿里云解析解析域名不可用，最后还是使用新网解析

• Github pages 的页面有些网络无法访问，需要翻墙且服务满，最后切换到了coding的网站托管

三.规划所需功能

我只是一个普通的懒惰开发，功能当然是能简单就简单啦~

所以一期功能就这么几个==

ui

• 文章列表页

• 文章详情页

• 文章上传页

数据

• 用户

• 角色-> 游客，普通用户，管理员

• 文章列表

功能

• 文章删除

• 角色登录

四.结果

第一期开发完毕，规划好的几个功能都做好了