使用github page建立免费的静态网站和博客网站

github 想必同学们都听说过,CSDN的主页以前也有过一些关于github开源项目的文章,这个号称程序员的Facebook有着很多高质量的项目,github就是为这些项目提供代码托管服务,你可以将自己做好的项目放到github上与大家共享,别人也可提出修改建议。

github page呢,就是为这些项目建立的一个自定义的首页来展示和介绍你的项目,代替默认的项目代码列表,所以标题上说构建静态网页,就是在这里下功夫啦。由于我也是刚开始接触,这里只是提供一种免费架设静态网站的思路,如果你本想花钱租用一个主机来测试自己平常做的静态网页,或者是与大家共享学习成果,那么,这个github page也完全适合你,而且免费哦~

首先你要有一个github的账号,并进入主页:

然后新建一个库(repositories)很多地方简称repo,如下图:

repo的名字最好是USER.github.com其中USER是你自己的ID。

点击最下面的那个“Creat repository”,然后根据下图圈点处操作:

我们开始让自己的项目生成一个github page的展示页:

下面是设置一些这个项目展示页的信息,可以先略过,以后再说,点击最下面的那个按钮:

选择一个你喜欢的主题:

这样就进入了生成项目的列表页,每个文件都是可以在线打开的。现在可以设置你的主页index.html了:

下面有编辑功能:

修改完后确认更改:

最后见证奇迹的时候到了,点击setting:

这个对应的网址就是你的网站首页啦:

如果你有自己的域名,就可以绑定上面的这个网址,而且可以让他显示为你自己的域名,我的域名解析服务放在了DNSpod上面,可以设置一下CNAME,让其指定的域名为USER.github.com,并且在repo根目录添加名为CNAME,内容为“www.yindongliang.com(这是我的域名)“,设置好自己试一试,应该就可以跳转过去了。

在repo里面新建CNAME文件:

下面就是已经简单修改好的网站,这里的网址可能只是近期有效,不一定我以后还会捣鼓成什么样,截个图先:

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

本文只是简单介绍了如何使用github page建立一个自己的静态网站,思想和方法应该都可以接受吧,但是不要以为做到这里就会玩github了,github的玩法要比这多得多,而且如果你要是想用github page做自己的博客网站的话,还需要很多的专业技术,要继续研究jekyll的用法,并且还要会用git bash使用一些命令来传输文件,这些东西我还没有弄透,况且也不打算继续将github page当做博客来玩,能放一些静态网页就够了,如果你真的对用github page做博客感兴趣的话,这里有一篇阮一峰的文章,http://www.ruanyifeng.com/blog/2012/08/blogging_with_jekyll.html,通过他的文章,相信你会对github的了解更多,而且会接触到更多的知识。那么下一步,应该就很明确了:去研究git吧,这里也提供一本相关的资料--蒋鑫的电子书gotgithub:http://www.worldhello.net/gotgithub/

欢迎随时与我交流:新浪微博

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: https://hidadeng.github.io/ https://hidadeng.github.io/page2 https://hidadeng.github.io/page3 https://hidadeng.github.io/page4 https://hidadeng.github.io/page5 https://hidadeng.github.io/page6 https://hidadeng.github.io/page7 https://hidadeng.github.io/page8 https://hidadeng.github.io/page9 https://hidadeng.github.io/page10 ### 回答2: 以下是使用字符串format方法和for循环生成10页网址的简洁易读的代码: ```python base_url = "https://hidadeng.github.io/page{}" for i in range(1, 11): page_url = base_url.format(i) print(page_url) ``` 说明: - `base_url` 是博客的基本网址,其中的 `{}` 表示页码位置,将通过 `format` 方法进行替换。 - 使用 `for` 循环从 1 到 10 遍历页面的页码。 - 在循环内,通过 `format` 方法将循环变量 `i` 替换到 `base_url` 中,形成完整的页面网址。 - 使用 `print` 函数输出生成的网址。 ### 回答3: 使用字符串格式化方法和for循环生成10页的网址的简洁易读的代码如下: ```python base_url = "https://hidadeng.github.io/page{}" # 基础网址模板 for i in range(1, 11): # 循环生成10页的网址 page_url = base_url.format(i) # 格式化网址模板,替换占位符{} print(page_url) # 输出生成的网址 ``` 上述代码中,使用了字符串的`format`方法来替换占位符{}为具体的页码,实现了网址的动态生成。`base_url`表示基础网址模板,在每次循环中通过`format`方法将当前循环的页码替换到占位符{}的位置,从而生成具体的网址。最后使用`print`函数输出生成的网址。 以上代码是简洁易读的实现方式,能够自动化地生成10页的网址,使代码的扩展性更高。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值