快速建一个代码 Demo

看到一些团队提交的代码没有 Demo 地址,就分享一下自己的方法

百度前端技术学院学习笔记

最终效果

http://kangchenyun.github.io/baidu-demo/

进入正题

新建仓库

新建准备存放本次所有任务代码的仓库,例如baidu-demo,切换分支(branch)到gh-pages

切换到gh-pages
切换到gh-pages

存放代码

将代码分类在此仓库下存放,用此URL格式访问代码仓库中的网页,http://username.github.io/baidu-demo/...

* username:你的 github 用户名
* baidu-demo:存放代码的仓库名
* /...:文件相对地址

生成项目主页(这一步不是必要的,但你会喜欢的)

这里使用 GitHub Pages 为你的仓库生成一个静态首页,可以将所有的任务 Demo 集中在一起放置,方便查找。

  1. 回到仓库根目录
  2. 点击 Settings


    Settings
    Settings

    3. 点击 Launch automatic page generator (绿色按钮)


    开始使用页面生成器
    开始使用页面生成器
  3. 编辑内容,然后点击下面的 Continue to layouts (绿色按钮)


    编辑页面内容
    编辑页面内容

    这里只需要用 Markdown 写好主体内容即可,页面其他部分会自动生成。

  4. 选择一个主题, 点击 Publish page (绿色按钮)
  5. 然后就可以访问项目页面了 http://username.github.io/baidu-demo

推荐阅读更多精彩内容