有趣的选择——使用Flutter Web写博客

最新推荐文章于 2022-09-21 20:52:37 发布
最新推荐文章于 2022-09-21 20:52:37 发布
阅读量1.5k 收藏
点赞数
文章标签： flutter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46407141/article/details/124448780
版权
本文探讨了使用Flutter Web创建博客的优缺点，包括其支持PWA应用和全平台SDK的优势，但也指出其不利于SEO的劣势。作者分享了尝试部署的过程，并庆祝发布了第一篇文章。
摘要由CSDN通过智能技术生成

有趣的选择——使用Flutter Web写博客

为什么

之前并没有发现，Flutter Web编译出来的竟然是静态网页，于是乎：D

好处

  • 支持PWA应用！！！
  • 全平台SDK（WSL用的好苦呀）
  • 写出了Web，改改就能写客户端（但还要Web干什么呢？）

坏处

别想SEO了~

尝试部署

flutter create webfile | cd webfile

image-20220427130909934

flutter build web --dart-define=FLUTTER_WEB_CANVASKIT_URL=https://cdn.jsdelivr.net/npm/canvaskit-wasm@0.32.0/bin/ --release

git三步走后…

image-20220427131401915

PWA成功

最低0.47元/天 解锁文章
SikesVovs
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
一文教你用Flutter2.0搭建自己的个人博客
伟子男的专栏
05-15 596
【摘要】 3月4日凌晨，Google 发布了Flutter2.0，Flutter2.0最大的变化是除了之前已经处于stable渠道的移动设备支持外，桌面和Web支持也正式宣布进入stable渠道。 现在我们动手用Flutter+Github免费搭建一个博客 一、创建一个flutter的项目 二、编译打包Web项目： 2.1 控制台输入flutter config --enable-web 2.2 在项目根目录执行flutter create . ...
一个利用flutterweb和mysql构建的简单博客
08-10
一个利用 flutter web和mysql构建的简单博客
Flutter web flutter
龍
08-13 833
flutter web No pubspec.lock file found, please run "pub get" first.
flutter制作博客展示平台，现已支持 Web、macOS 应用、Android 和 iOS
坚果的博客
09-28 555
Flutter Blog Theme using Flutter | Web, macOS, Android, iOS Flutter 最近发布了 Flutter V2.5.1，其性能得到了很大提升，支持 Web、macOS、Android 和 iOS。 这就是为什么今天我们使用在 Web、macOS 应用、Android 和 iOS 应用上运行的 flutter 创建响应式博客主题。 此外，我们创建了一个具有自定义悬停动画的动画网络菜单。 最后，您将学习如何使用 Flutter 制作响应式应用程序。 预
Flutter Web 评测第一篇
SimpleCoder's Blog
05-08 4902
最近 2019 的 google io 大会开始了,之前的"蜂鸟"引擎也在 flutter 官网中出现了, 不过这次改了个名字叫 flutter-web 具体的使用步骤参考项目 readme 中的方式来使用 文章目录构建项目运行项目简单运行测试交互文本输入图片网络图片本地资源文件内存图片滚动控件日志几个问题需要注意数字的类型dart:io 的问题插件的使用打包查看一下 html 结构后记 构建项目...
myblog_flutter:Flutter Web 个人博客
04-23
【标题】"myblog_flutter:Flutter Web 个人博客"揭示了这个项目是使用Flutter框架构建的一个Web版个人博客系统。Flutter通常被用于开发原生移动应用，但它也支持Web平台，使得开发者可以用同一套代码库创建多平台的...
flutter web登录和注册页
04-12
最后，为了运行这个Flutter Web项目，你需要使用`flutter build web`命令生成Web版本，然后在服务器上部署生成的`build/web`目录内容。用户就可以通过浏览器访问到这个Web应用了。 总的来说，这个"flutter web登录...
flutter web调用手机摄像头并切换前后摄像头
02-25
flutter web调用手机摄像头并切换前后摄像头
rydmike.github.io：Flutter WEB演示
02-05
| 设为首页| | | | | | | | Flutter Demos 在这个网站上，我发布并展示... 使用上表中的链接了解更多信息并尝试一下。 我的Twitter句柄是 ，我几乎只发布有关推文。 我也用这个网站的rydmike.com域作为我的验证的软件
flutter 颜色选择
07-01
首先，Flutter中的颜色表示通常使用`Color`类，该类提供了大量的静态常量，如`Colors.red`、`Colors.blue`等，覆盖了Web颜色命名系统中的所有标准颜色。此外，`Color`类也支持通过ARGB（Alpha, Red, Green, Blue）值...
1.Flutter_局域网发布
sujingnuli
09-20 620
flutter web局域网内发布
Flutter 学习之路
Sindyue的博客
07-05 1381
学习flutter，记录好而实用的方法
flutter开发web项目
热门推荐
haoxuhong的博客
12-20 1万+
让项目支持web ：flutter create . 运行：flutter run -d chrome flutter run -d chrome --web-renderer html 打包：flutter build web --web-renderer html 官方链接：Flutter on the Web 参考视频：构建 Flutter web 应用 (From Mobile App to web App)_哔哩哔哩_bilibili 部署参考链接：「Flutter for Web..
Flutter web加载慢问题优化和解决方案
Ideainnet
09-21 5076
flutter web 加载慢优化 下载的文件canvaskit.wasm和canvaskit.js。
flutter web打包
xudejun的博客
04-18 4116
第一种渲染方式： flutter build web --web-renderer html 第二种渲染方式： flutter build web --web-renderer canvaskit
Flutter for web 首次加载过慢问题优化
Bright_TY的专栏
09-10 6358
Flutter web 加载慢优化
解决 Flutter Web 加载慢的问题
Amoour的博客
07-06 8000
最近在做一个Flutter 2.0 for Web的项目，在项目打开第一次运行的时候，总是要等很久才能看到效果. 经过一番研究发现是Flutter使用的一个渲染引擎Canvaskit下载太慢导致的. 解决方法 Canvaskit是一个js框架，Flutter定义默认是从https://unpkg.com去加载的，在国内最好是改变这个地址，让它通过镜像地址去加载. 编译发布修改 在{SDK_PATH}/bin/cache/flutter_web_sdk/lib/_engine...
用Flutter开发Web应用
新缸中之脑
05-13 8993
Flutter作为一个可移植的UI框架，已经支持现代Web应用开发了！我们很开心已经发布了SDK预览版，这样你可以在Web浏览器里直接运行你的Flutter UI代码。 原文链接：Flutter Web - 目标全平台开发的Flutter再下一城！- 汇智网 Flutter Web的目标 从去年Beta版发布以来，客户们已经使用Flutter来创建可以运行在iOS和Android上的移动应用了...
小白带你用flutter 使用web页面
keny-大成的博客
06-05 2553
1.建立main.dart import 'package:flutter/material.dart'; import 'home_page.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( debugShowCheckedMo
flutter web框架选择
最新发布
08-24
选择使用Flutter for web可以让你使用同一套代码同时开发移动应用和Web应用，减少重复工作量。但是, Flutter for web 目前还在 beta 版本,开发者需要解决一些兼容性问题. ### 回答2： 选择Flutter Web框架可以让...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值