网站静态资源和动态资源(免费发布自己的静态资源页面到网上)

大家都知道,网页资源一般都是发布在某个服务器上才能供大家随时随地访问,然而申请服务器,不管是阿里、腾讯等等,他们售卖的服务器基本都是要收取年费的。那么如何才能免费的发布自己的静态资源到网上呢?注意,我强调的是静态资源。下面我就教大家如何利用开源的github完成这件事儿。
  • 第一步:首先你需要在github的官方网站注册一个账号,作为程序员,我相信大家都已经有了这个账号。这上面有大量的来自全国各地的程序员发布的开源的代码,可供自己学习。

网站静态资源和动态资源(免费发布自己的静态资源页面到网上)(1)

图1

  • 第二步:准备一个你要发布的静态资源项目,我这里准备了一份简历作为演示的项目。想要此项目模板的请私信我“模板”即可获取。

网站静态资源和动态资源(免费发布自己的静态资源页面到网上)(2)

图2

  • 第三步:然后回到github,登录进去创建一个与你项目名字一样的仓库,默认选择pubilc即可,然后点击创建如下图所示。

网站静态资源和动态资源(免费发布自己的静态资源页面到网上)(3)

图3

网站静态资源和动态资源(免费发布自己的静态资源页面到网上)(4)

图4

  • 第四步:创建完之后github会出现一个如何将本地的项目上传到github的git命令,细心的你会发现github提供了两种上传方式,这里我用的是第一种,第一种需要用到步骤3,第二种不需要第三步。我们回到本地项目,打开git命令窗口(此处我使用的是前几天我发表的一篇文章。win子系统ubuntu的终端),依次执行如下命令。执行命令的过程中你会发现在最后一步push的时候需要用到github的用户名密码。直接输入就完事了。

网站静态资源和动态资源(免费发布自己的静态资源页面到网上)(5)

图5

网站静态资源和动态资源(免费发布自己的静态资源页面到网上)(6)

图6

网站静态资源和动态资源(免费发布自己的静态资源页面到网上)(7)

图7

第五步:回到github网站找到刚刚上传的resume-test项目,点击进去,找到setting按钮点进去。进去之后在最下边找到GitHub Pages一栏。Source中将None换成master branch后页面会自动刷新,然后就会出现一个链接,见图11。直接用手机或者电脑点开链接即可随时随地访问。注意此链接任何人都可以访问,因为我们用的是github的public项目权限。

网站静态资源和动态资源(免费发布自己的静态资源页面到网上)(8)

图8

网站静态资源和动态资源(免费发布自己的静态资源页面到网上)(9)

图9

网站静态资源和动态资源(免费发布自己的静态资源页面到网上)(10)

图10

网站静态资源和动态资源(免费发布自己的静态资源页面到网上)(11)

图11

网页效果:

网站静态资源和动态资源(免费发布自己的静态资源页面到网上)(12)

网页效果图

最后希望这个小小的github功能能帮助你做你想做的事情,比如表白的网页啊、结婚的邀请网页啊等等,都可以做。有了这个资源,就尽情的发挥你的创造力吧。是不是很香,快快转发收藏点赞吧!

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页