黑猴子的家:GitHub 之 gh-pages 新手入门

16 篇文章 0 订阅

1、官网地址,通过邮箱注册一下

https://github.com/

9193428-f9a76c16ad0a4a77.png

 

2、登录

9193428-7bdb3cc35cb4b60a.png

3、创建一个新仓库

9193428-11074bee192ce42b.png

9193428-1d68ae01e9f25530.png

9193428-f28fec655667346a.png

4、Git window 客户端 安装

https://www.jianshu.com/p/c62a4f4bbb13

5、GitHub Init 初始化

在window7新建first文件夹,在first文件夹中操作

$ git init

$ git config user.name liufengji

$ git config user.email liufengji@aliyun.com

$ git remote add origin https://github.com/liufengji/first.git

$ vim index.html
<!DOCTYPE html>
<html>
    <head>
        <meta charset='utf-8' />
        <title>GitHub gh-pages 学习</title>
    </head>
    <body>
        <h1 style="text-align:center;" > Welcome To My GitHub Pages </h1>
    </body>
</html>
//英文输入模式下,输入":wq" 保存退出

$ git status

$ git add index.html

$ git commit -m "index.html"

$ git push origin master
//记得删除**github**要输入密码

6、GitHub Pages 注意事项

https://www.jianshu.com/p/470ad39eac04

7、GitHub 添加分支

//创建victor分支
$ git branch victor

//查看所有分支
$ git branch -v

//切换到victor分支
$ git checkout victor

//提交到victor分支
$ git push origin victor

8、利用GitHub的二级域名进行访问

https://liufengji.github.io/first/

9193428-d52206f9150cc425.png

 

9、二级域名的ip地址

ping一下 就可以了

ping liufengji.github.io
正在 Ping liufengji.github.io [185.199.109.153] 具有 32 字节的数据
来自 185.199.109.153 的回复: 字节=32 时间=93ms TTL=52
来自 185.199.109.153 的回复: 字节=32 时间=100ms TTL=52
来自 185.199.109.153 的回复: 字节=32 时间=101ms TTL=52
来自 185.199.109.153 的回复: 字节=32 时间=101ms TTL=52

10、花20块左右买一个域名,腾讯云、百度云、阿里云、华为云等等都可以

开始解析

9193428-37bd1d99c7e1f7e3.png

 

解析后

9193428-6c02e9752080ad6b.png

可以看到我以前已经添加过一些解析了,如果你是刚买的域名。是没有添加记录的。这时候我们点击添加记录或者新手快速添加

9193428-36b123443472b4a3.png

简单说明一下,主机记录就是下方的框框的东西,我们只要两条记录就好了,一个是www,另一个是@,记录类型都选A,记录值就是上面我们ping到的ip地址。

9193428-bb89111dcb29a150.png

这样就解析完成了,例如你买的域名是mclink.xyz,那么地址http://www.mclink.xyzhttp://mclink.xyz都可以正常访问。很简单吧。对于不想花钱买服务器的也不想备案的同学这个就很好用啦。而且GitHub里面还提供了主题给我们当模板使用。如果你对GitHub还不熟悉,可以去多看看我关于GitHub写的简书

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
### 回答1: bootstrap-form-builder-gh-pages 是一个基于 Bootstrap 框架的在线表单创建工具。它通过简化表单构建的过程,使用户能够轻松地设计和定制各种类型的表单。 该工具提供了一个直观的用户界面,用户可以使用拖放功能来添加不同的表单元素,例如文本框、下拉菜单、单选框、复选框等。用户还可以对每个表单元素进行自定义设置,包括大小、样式、验证规则等。 使用 bootstrap-form-builder-gh-pages,用户无需编写任何代码,即可创建漂亮且功能丰富的表单。该工具生成的表单代码使用了 Bootstrap 的 CSS 类,确保表单在各种设备和浏览器上都具有良好的兼容性和可响应性。 另外,bootstrap-form-builder-gh-pages 还支持表单的导出和导入功能。用户可以将设计好的表单导出为 HTML 文件,然后在自己的网站使用。同时,用户也可以导入已有的表单代码,进行编辑和修改。 总之,bootstrap-form-builder-gh-pages 是一个简单易用、功能强大的表单构建工具,适用于需要为网站或应用程序创建各种类型表单的用户。不仅可以节省时间和精力,还能够以专业的方式设计和定制表单,提升用户体验。 ### 回答2: bootstrap-form-builder-gh-pages 是一个基于 Bootstrap 框架的表单生成器的 GitHub 页面。 Bootstrap 是一个开源的前端框架,提供了丰富的 CSS 和 JavaScript 组件,用于构建响应式和美观的网页。而 Bootstrap Form Builder 是一个基于 Bootstrap 的工具,用于快速生成各种类型的表单。 GitHub 是一个全球最大的代码托管平台,提供了版本控制和协作功能,让开发人员方便地共享和管理代码。 bootstrap-form-builder-gh-pages 是一个托管在 GitHub 上的页面,其包含了 Bootstrap Form Builder 的源代码和相关资源。这个页面能够被访问和浏览,开发者可以在上面了解和使用该表单生成器。 通过访问 bootstrap-form-builder-gh-pages 页面,开发者可以浏览生成器的界面和功能,并且可以直接使用或下载源代码进行定制开发。页面上可能还包含一些说明文档、示例和演示等,帮助开发者更好地理解和使用该表单生成器。 通过将项目托管在 GitHub,开发者可以方便地与其他开发者进行协作,共同改进和维护这个表单生成器。他们可以提交问题、建议和贡献代码,共同促进该项目的发展。 总之,bootstrap-form-builder-gh-pages 是一个使用 Bootstrap 框架构建的表单生成器的 GitHub 页面,提供了方便的界面和功能,帮助开发者快速生成各种类型的表单,并且通过 GitHub 的协作功能,可以与其他开发者一起改进和维护该项目。 ### 回答3: bootstrap-form-builder-gh-pages是一个基于Bootstrap框架的表单构建器。Bootstrap是一个非常流行的前端开发框架,它提供了一套美观,易于使用和响应式的组件和样式,使得网页开发变得更加快速和简单。 bootstrap-form-builder-gh-pages是一个利用Bootstrap框架开发的工具,用于帮助开发人员更加轻松地创建表单。通过这个工具,开发人员可以通过简单而直观的界面来构建各种表单,如注册表单、联系表单等。该工具提供了丰富的表单元素选项,包括输入框、下拉菜单、单选框、复选框等,以及表单验证和交互功能。 使用bootstrap-form-builder-gh-pages,开发人员可以通过简单的拖放和配置操作来创建自定义表单。他们可以选择需要的表单元素,设定元素的属性和样式,然后生成对应的HTML代码。生成的代码可以直接复制到项目使用,从而加速表单的开发过程。 此外,bootstrap-form-builder-gh-pages还提供了一些额外的功能和选项,如表单的响应式布局,使得表单在不同设备上都能够自适应地展示和操作。它还支持表单验证,确保用户输入的准确性和完整性。开发人员可以自定义验证规则和错误提示,以满足具体的需求。 总之,bootstrap-form-builder-gh-pages是一个便捷而强大的工具,它利用Bootstrap框架的特性,帮助开发人员快速构建美观、易用的表单,提高开发效率。无论是初学者还是有经验的开发人员,都可以受益于这个工具,轻松地创建出专业水平的表单。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值