看到一些团队提交的代码没有 Demo 地址,就分享一下自己的方法
百度前端技术学院学习笔记
最终效果
http://kangchenyun.github.io/baidu-demo/
进入正题
新建仓库
新建准备存放本次所有任务代码的仓库,例如baidu-demo
,切换分支(branch)到gh-pages
存放代码
将代码分类在此仓库下存放,用此URL格式访问代码仓库中的网页,http://username.github.io/baidu-demo/...
* username:你的 github 用户名
* baidu-demo:存放代码的仓库名
* /...:文件相对地址
生成项目主页(这一步不是必要的,但你会喜欢的)
这里使用 GitHub Pages 为你的仓库生成一个静态首页,可以将所有的任务 Demo 集中在一起放置,方便查找。
- 回到仓库根目录
-
点击 Settings
3. 点击 Launch automatic page generator (绿色按钮)
-
编辑内容,然后点击下面的 Continue to layouts (绿色按钮)
这里只需要用 Markdown 写好主体内容即可,页面其他部分会自动生成。
- 选择一个主题, 点击 Publish page (绿色按钮)
- 然后就可以访问项目页面了
http://username.github.io/baidu-demo