通过github建立免费的个人网页(纯静态)

之前就写过一个纯静态的个人网页,挂靠在别人的服务器上,但是每次更改都要麻烦好友上传,有点不忍心就自己研究如果通过github建立免费的个人网页。

我查过很多网上的教程,乱七八糟的,各种买域名啊,绑定域名啊,还有下载一堆东西,其实根本不需要那么麻烦,我都被他们绕晕了,可能他们的网页比我的高级多了吧,我只是想简简单单地建一个个人网站。

我的github个人网站

大家可以先看看我的个人网站,纯静态的,觉得合适再往下看教程。

首先,你得有一个github帐号,创建帐号什么的有各种教程大家可以去找。

1、新建一个仓库,这个仓库是用来存放你的resources的,就是HTML、CSS和图片之类的。


2、填写仓库名,如果是个人网站的话,这个仓库名必须和你的用户名关联。

像我的github用户名是Zehua-Zeng,那我这个个人网站的仓库名就必须是 Zehua-Zeng.github.io


我写这篇教程的时候我的个人网站已经搭建好了,所以会显示仓库名已存在。

3、接下来就是和平常一样上传自己的资源,用客户端和Git Shell都可以,表示我个人比较习惯用Git Shell。

别人访问你的个人主页显示的页面的HTML命名为 index.html就好了。




我比较习惯自己写HTML和CSS,我还没来得及学习javascript和php之类的,我不喜欢用模版或者用wordpress那种的。感觉学不来也不想被限死。

虽然我的个人网页没有那些用模版那么炫酷,我觉得就单纯的个人网页已经足够了。有时间我也会继续学习的。

下面介绍几个学习制作网站比较好的网址,仅供参考:


1、bootstrap全局CSS样式

这里有些导航啊,标签啊等样式,可以参考和copy。

2、bootstrap可视化布局

这个是可视化布局,自己拖动组件来搭建网页,搭建好了按“下载”就可以获得HTML文件了。

3、w3school HTML/CSS教程

这里你可以入门一下HTML和CSS的内容,毕竟代码还是要自己看得懂才方便修改。


有什么问题欢迎留言讨论,谢谢。

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Github是一个代码托管平台,你可以将你的代码存储在Github上并与其他人共享。如果你想制作软件和网页端并使用Github,你可以按照以下步骤进行操作: 1. 创建一个Github帐户。如果你已经有了,直接登录即可。 2. 创建一个新的代码库。在Github主页右上角点击"New repository"按钮,输入代码库的名称和描述,选择公共或私人,然后点击“Create repository”按钮。 3. 上传你的代码。你可以使用Github网页界面直接上传你的代码,也可以使用Git命令行工具将代码上传到Github。 4. 添加README文件。添加README文件可以让其他人更好地理解你的代码库。在Github网页界面中,点击代码库名称,然后点击“Add a README”按钮。在README文件中,你可以写一些基本的介绍,如代码库的用途、如何使用等等。 5. 创建分支和合并请求。如果你想尝试一些新的功能或修复一些错误,你可以创建一个新的分支来进行工作。完成后,你可以创建一个合并请求,请求将你的更改合并到主分支中。 6. 使用Github Pages创建网页。如果你想将你的代码转换成网页,可以使用Github Pages。在代码库中创建一个名为“gh-pages”的分支,然后将你的代码上传到该分支。然后,访问http://USERNAME.github.io/REPOSITORY_NAME/就可以查看你的网页。 总之,使用Github可以方便地管理你的代码、与其他人协作开发、分享你的代码库以及将代码转换成网页

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值