本地项目上传到github，并提供demo预览入口地址（此例为vue项目）

红太狼 2021-12-19 15:13 128阅读 0赞

这是我的demo入口地址：[https://happygirl168.github.io/haitao-all/dist/index.html][https_happygirl168.github.io_haitao-all_dist_index.html]，欢迎参观，我才入vue，自学的，有些做的不是很好。

首先，进入到项目所在地址，右键选择git bash here：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDI2ODQ3Mw_size_16_color_FFFFFF_t_70][]

由于我之前已经提交过了，这儿就只说明把本地项目上传至github上的步骤：

git init

git add .

git commit  -m "注释内容"

然后登陆github，新建repository：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDI2ODQ3Mw_size_16_color_FFFFFF_t_70 1][]

点击创建之后，再按照以下命令，直接粘贴在git命令行上就行。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDI2ODQ3Mw_size_16_color_FFFFFF_t_70 2][]  
上传至github就到此结束了。

接下来，是为项目提供入口地址，预览演示效果：

找到项目的settings

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDI2ODQ3Mw_size_16_color_FFFFFF_t_70 3][]

再找到github-pages，把none选为master branch，就会生成一个地址

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDI2ODQ3Mw_size_16_color_FFFFFF_t_70 4][]

再在这个地址后面拼接上你的正确的路径，就可以了。

我是vue项目，打包后，所有的资源都在dist目录下。所以地址后面拼接上dist/index.html.

[https_happygirl168.github.io_haitao-all_dist_index.html]: https://happygirl168.github.io/haitao-all/dist/index.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDI2ODQ3Mw_size_16_color_FFFFFF_t_70]: /images/20211219/7567ad1d4ae9466ba8d086d46b286060.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDI2ODQ3Mw_size_16_color_FFFFFF_t_70 1]: /images/20211219/7124984f4e2242dc9748b2345db350b3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDI2ODQ3Mw_size_16_color_FFFFFF_t_70 2]: /images/20211219/74bc1e3afa96424eba9e764deb5ada53.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDI2ODQ3Mw_size_16_color_FFFFFF_t_70 3]: /images/20211219/3995f2b2c6184d2e80e675de0f419751.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDI2ODQ3Mw_size_16_color_FFFFFF_t_70 4]: /images/20211219/888b0978d500452b9d1f9c696bbb1bd1.png