用 github 搭建自己的 angular 小网站

我使用的是基于 angular 的 ionic 框架,因为组件很丰富,并不需要自己去优化页面。

gitHub 下新建 reallyEasy 项目

用 github 搭建自己的 angular 小网站

点击 settings

用 github 搭建自己的 angular 小网站

第一选项 Options 拉到最后 GitHub Pages

配置好点 Save

用 github 搭建自己的 angular 小网站

最上面是你的网站网址

新建 ionic 项目

更改 index.html 文件

<base href="/" /> 改为 <base href="./" />

不然发布到 github 后会导致加载资源失败,改后就会根据不同url自动加载资源

然后更改项目后开始编译生成静态文件

ng build --prod --outputPath=docs

会生成docs目录,将该目录放到 git 下,并在 git/docs 下复制 index.html 改为 404.html 文件

后备页面配置范例

打开网站:https://huyunan.github.io/reallyEasy/

用 github 搭建自己的 angular 小网站