利用github实现静态服务器写博客或者展示自己的作品demo

分手后的思念是犯贱 2023-02-19 06:27 59阅读 0赞

**目录**

1.首先注册个账号

2. 新建一个github项目

3. 在项目中添加html文件即可访问

--------------------

这是一个非常好用的功能

利用的是GitHub Pages提供的静态服务就可以挂在到上边你的所有静态文件。

如果以前用过git代码管理工具那就更简单了。

### 1.首先注册个账号 ###

官网地址： [https://github.com/][https_github.com]

### 2. 新建一个github项目 ###

![20200619134220345.png][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTIyOTU4OA_size_16_color_FFFFFF_t_70][]

项目创建成功后，进入项目点击

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTIyOTU4OA_size_16_color_FFFFFF_t_70 1][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTIyOTU4OA_size_16_color_FFFFFF_t_70 2][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTIyOTU4OA_size_16_color_FFFFFF_t_70 3][]

比如我这个链接就是 这样创建出来的

[https://jianghaijun4031.github.io/blog/blogmulu][https_jianghaijun4031.github.io_blog_blogmulu]

### 3. 在项目中添加html文件即可访问 ###

git clone 你的项目到本地，然后把你需要的文件提交到项目中即可。

如果你不会git （肯定是要学的，逃不掉），那就直接在网页上上传你的文件

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTIyOTU4OA_size_16_color_FFFFFF_t_70 4][]

这个只是暂时的办法，有git这么好的工具干嘛不用呢。

这几个都是这个原理创造的

*  [小球随着曲线运动][Link 1]
 *  [小车随着曲线运动][Link 2]
 *  [切线运动][Link 3]
 *  [描边动画][Link 4]
 *  [文字沿着曲线运动][Link 5]

收！！！

[https_github.com]: https://github.com/
[20200619134220345.png]: https://img-blog.csdnimg.cn/20200619134220345.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTIyOTU4OA_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200619134409462.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTIyOTU4OA==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTIyOTU4OA_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200619134501567.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTIyOTU4OA==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTIyOTU4OA_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20200619134557409.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTIyOTU4OA==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTIyOTU4OA_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20200619134716931.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTIyOTU4OA==,size_16,color_FFFFFF,t_70
[https_jianghaijun4031.github.io_blog_blogmulu]: https://jianghaijun4031.github.io/blog/blogmulu
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTIyOTU4OA_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20200619135059866.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTIyOTU4OA==,size_16,color_FFFFFF,t_70
[Link 1]: https://jianghaijun4031.github.io/svgSnap/%E5%B0%8F%E7%90%83%E6%B2%BF%E7%9D%80%E6%9B%B2%E7%BA%BF%E8%BF%90%E5%8A%A8.html
[Link 2]: https://jianghaijun4031.github.io/svgSnap/%E5%B0%8F%E8%BD%A6%E6%B2%BF%E7%9D%80%E6%9B%B2%E7%BA%BF%E8%BF%90%E5%8A%A8.html
[Link 3]: https://jianghaijun4031.github.io/svgSnap/%E7%A0%94%E7%A9%B6%E5%88%87%E7%BA%BF%E8%BF%90%E5%8A%A8.html
[Link 4]: https://jianghaijun4031.github.io/svgSnap/%E6%8F%8F%E8%BE%B9%E5%8A%A8%E7%94%BB.html
[Link 5]: https://jianghaijun4031.github.io/svgSnap/%E6%96%87%E5%AD%97%E6%B2%BF%E7%9D%80%E6%9B%B2%E7%BA%BF%E8%BF%90%E5%8A%A8.html