一文教你用Flutter2.0搭建自己的个人博客

【摘要】

3月4日凌晨,Google 发布了Flutter2.0,Flutter2.0最大的变化是除了之前已经处于stable渠道的移动设备支持外,桌面和Web支持也正式宣布进入stable渠道。

 

现在我们动手用Flutter+Github免费搭建一个博客

一、创建一个flutter的项目

一文教你用Flutter2.0搭建自己的个人博客

 

 

一文教你用Flutter2.0搭建自己的个人博客

二、编译打包Web项目:

 

2.1 控制台输入flutter config --enable-web

一文教你用Flutter2.0搭建自己的个人博客

 

2.2 在项目根目录执行flutter create .

一文教你用Flutter2.0搭建自己的个人博客

 

 

2.3 执行flutter build web

一文教你用Flutter2.0搭建自己的个人博客

 

 

2.4 最后会生成一个web项目,生成的目录:/build/web;

一文教你用Flutter2.0搭建自己的个人博客

三、在GitHub上创建一个Repository

Create a New Repository (github.com)

具体创建方式看官方教程:GitHub Pages

 

四、上传web项目到Github

注意:需要修改index.html里的base href路径,换成你自己的Repository路径就好;

具体如下<base href="https://xxxxxx/flutterblog.github.io//">

 

五、浏览查看

示例的Demo Flutter Demo (liwes.github.io)

 

上一篇:SVN trunk(主线) branch(分支) tag(标记)


下一篇:【maven】macOS安装maven以及IDEA配置