如何在github上创建个人项目的在线演示demo

背景

以前是看到别人的GitHub上的项目源码中,后面会跟着一个网址,是该项目的demo,可是就单纯的没有再去思考,我是不是也可以把自己的项目这样放到GitHub上去,让它启动起来,不再是冰冷的code。现在要去打破这种对未知事物的恐惧,要多尝试。

Github项目主页

GitHub Pages是一个静态站点托管服务,旨在直接从GitHub存储库托管您的个人,组织或项目页面。

GitHub Pages是一个静态站点托管服务,不支持服务器端代码,例如PHP,Ruby或Python。

GitHub上新建项目

  1. 打开自己的GitHub主页,点击右上角的+按钮

install1.png

  1. 点击【New repository】,进入到Create a new repository页面。

install2.png

  1. 上面的步骤是在GitHub上创建了一个空白项目,下面还要clone到本地来创建实质code。
  2. 复制远程地址,然后在本地项目目录下,使用git clone命令来克隆远程仓库的项目。

install3.png

git clone [https://github.com/springHyc/FlexBoxDemoStation2.git](https://github.com/springHyc/FlexBoxDemoStation2.git)
  1. 然后生成自己的项目,比如我使用react来写的自己的FlexBoxDemoStation项目。

项目生成主页

  1. 将写好的项目推送到远程仓库的主分支
  git add .
  git commit -m "xxx"
  git push origin master</pre>
  1. 执行项目构建命令,并将构建后的静态页面推送至gh-pages分支
    1. 切换到gh-pages分支 git checkout -b gh-pages(创建gh-pages并切换到该分支)/ git checkout  gh-pages (切换到gh-pages分支)
    2. 执行 npm run build 命令,gitbook项目使用`gitbook build`,构建代码
    3. 将build/dist目录下的所有文件夹推送至远程仓库的gh-pages分支,执行以下命令:
       # 强制添加build(react项目)/dist/_book(gitbook项目)文件夹,因为.gitignore文件中定义了忽略该文件
       git add -f build
    ​
       # 提交到本地暂存区
       git commit -m 'Initial the page of project'
    ​
       # 部署dist目录下的代码
       git subtree push --prefix build origin gh-pages

总结

上述步骤就能完成个人项目的在线演示demo,下次需要更新时,只需要重复2中的1.2.3步骤即可。这时候,只是切换到gh-pages即可。

我的博客即将搬运同步至腾讯云+社区,邀请大家一同入驻:https://cloud.tencent.com/developer/support-plan?invite_code=1d19xpyplbd05

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏北京马哥教育

Linux内核编译过程详解

前言 Linux内核是Linux操作系统的核心,也是整个Linux功能体现的核心,就如同发动机 在汽车中的重要性。内核主要功能包括进程管理、内存管理、文件管...

884100
来自专栏云计算教程系列

如何更改SELinux模式

Security Enhanced Linux是一个Linux安全模块,用于强制或基于角色的访问控制。SELinux默认与CentOS和Fedora打包在一起,...

26820
来自专栏Java后端生活

Linux(二十二)Ubuntu安装和配置

23560
来自专栏晓晨的专栏

Jenkins持续集成演示

16370
来自专栏应用案例

Hexo博客的安装部署及多电脑同步

Hexo安装教程很多,我这里尽可能的讲的细一些,把容易踩坑的地方以及后期多电脑同步所遇到的问题列出来,以便给自己及大家参考。本文主要讲解安装部署后源文件同步问题...

1.4K70
来自专栏北京马哥教育

Redis 集群教程

本文档是Redis集群的入门教程, 从用户的角度介绍了设置、测试和操作集群的方法。 本教程不包含晦涩难懂的分布式概念, 也没有像Redis 集群规范那样包含Re...

31270
来自专栏九彩拼盘的叨叨叨

CanIUse 命令行工具介绍

注意:如果使用的是Windows系统,需要在Git的命令行执行上述命令。否则会报Git Not Found的错。

7010
来自专栏晨星先生的自留地

DNS(下)之域传送漏洞

31830
来自专栏伦少的博客

HDFS DataNode启动异常:/opt/jdk1.8.0_151/bin/java:权限不够

15630
来自专栏陈树义

如何在IntelJ下用Maven创建一个Web项目

相信一开始做Web项目的同学都是直接把项目包放在WEB-INF/lib目录下,然后就开始做项目了。但是之后接触了一些使用了Maven进行包管理的项目,我们就不得...

27960

扫码关注云+社区

领取腾讯云代金券