Total Pageviews

Friday, 3 January 2025

issue_blog,使用Flutter Web开发的github issues blog程序

抓取 GitHub 上的 Issues,结合 GitHub Pages 搭建个人博客站点,支持 GitHub 登录和评论

appdev.github.io/

一套代码支持 Android、iOS、Web、Desktop,点击进行预览

使用方法

分类、评论

使用issue label作为分类标签 关于评论: 因为flutter web 现在还不能使用社会化评论 所以目前评论功能缺失。 考虑使用某个社会化评论接口来实现

本地运行

1.安装依赖

flutter pub get

2.在浏览器中运行

flutter run -d chrome

3.修改个人配置「issue_blog/lib/utils/config.dart」

class Config {
  // 配置个人 GitHub 名称
  static final gitHubUsername = 'appdev';

  // 根据 GitHub 名称自动组装存放 issues 的仓库
  static final repo = '$gitHubUsername/$gitHubUsername.github.io';

  // 配置个人链接图片映射
  static final personalLinkMap = {
    'images/github.png': 'https://github.com/appdev',
    'images/git.png': ,
  };

}

发布到 GitHub Pages

1.打包

flutter build web

2.发布

拷贝「./build/web」目录里的所有文件到「GitHub Pages」的根目录下
并将「GitHub Pages」仓库 PUSH 到 GitHub 上

绑定域名到 GitHub Pages

1.在「GitHub Pages」根目录下添加文件名为「CNAME」的文件,文件内容就是你的二级域名

www.apkdv.com

2.登录你的域名控制台添加域名解析

「记录类型」选择「CNAME」
「主机记录」填「www」
「记录值」填「GitHub用户名.github.io」,例如我的是「appdev.github.io」

3.发布文章

直接在gitHubUsername.github.io 仓库的issue中写文章

存在的问题

flutter web 不能像普通网页一样复制!!!! 目前还没有好的解决办法。

from https://github.com/appdev/issue_blog

 

No comments:

Post a Comment