github搭建免费个人网站

Ⅰ 如何使用Github Pages免费搭建网站

github pages有两类：
你如果起个名为chendell.github.io的repository, 那么他的master分支上的文件就能在chendell.github.io的根目录访问到。
而如果是其他的repositories，比如这个repository名字叫node，那么建一个gh-pages分支，该分支下的文件就能在chendell.github.io/node/下访问到。
1. 门槛：需要理解 Github 的工作方式，熟悉 Github 客户端，熟悉 Html 与 CSS；
2. 不妨一边开始写静态模板，一边了解 Jekyll 布局所用到的 Liquid Tag，磨刀不误砍柴工；
3. Jekyll 博客，可以看作是一套文件结构，通过 Jekyll 程序编译成静态网站。如果不熟悉命令，完全可以不安装 Jekyll，只需按照要求的格式创建文件后再上传到 Github，然后访问主页就可以了，因为 Github Pages 便是由 Jekyll 驱动的，或者直接使用 Jekyll-Bootstrap 的结构；
4. Jekyll 的文件结构大概可以这样分：配置文件 _config.yml，布局文件 _layouts，模块文件 _includes，插件 _plugin，文章 _posts，其他文件（不以下划线开头的文件及文件夹都会完整的拷贝到生成的静态网站中，比如 CSS 文件、图片等），以及将会生成的静态站 _site；
5. Jekyll 命令很简单，先使用 cd 命令进入目标文件夹，然后输入 jekyll --server 生成网站，浏览器中输入 0.0.0.0:4000 访问生成的静态网站，jekyll --server --auto 命令将开启实时更新，修改文件后在浏览器中刷新就可看到效果，对本地调试很有帮助；
6. Github Pages 禁用所有插件，需要使用自定义插件，只能上传生成的网站文件 _site，或者试试 这个办法 ;
7. 想写草稿不想被编译？创建一个以下划线开头文件夹就会被忽略，例如在 _posts 下创建 _drafts 存储草稿；
8. 默认的 Markdown 引擎问题很多，建议替换成 RDiscount。

Ⅱ 如何使用Github Pages免费搭建网站

1. 什么是Github
Github 官方主页

简单说，Github是一个基于git的社会化代码分享社区。

你可以在Github上创建免费的远程仓库(remote repository)，分享你的代码，当然也可以关注其他人的代码
你也可以建立公司账户，创建私有的远程仓库，与开发团队共同协作开发
想要使用Github Pages，你首先要创建一个Github账户

2. 谁在使用Github免费托管网站 ？

Bootstrap
NODESCHOOL
WebComponents
......

3. Github pages的两种类型

3.1 Project Pages(Repository Pages)

URL for Project Pages.png

在Github上我们可以给不同的project分别创建相应的repository，对于某一个repository，你可以在其中创建一个小网站，向人们展示你的项目，提供项目的相关信息等等。这就是所谓的project pages。例如上面说的bootstrap.com
在一个repo的gh-pages分支中的所有文件将出现在github.io上。
Project Pages How-To
创建一个gh-pages分支
编辑相应的html/css/js文件，用于展示在github.io上
push gh-pages分支到Github上面
//下面是一些会用到的git command
git checkout -b gh-pages //create a gh-pages branch
git branch //check all branches and which branch you are currently working on
git push origin gh-pages //push gh-pages branch to github
git checkout --orphan go-pages //you can create a new empty branch
git push origin :gh-pages //delete a remote branch

最简单地方法是从Github上直接自动生成页面，还可以选择模板。移步这里

3.2 User Pages

URL for User Pages

每一个Github账户只能有一个User Pages，主要用来展示一个账户中最最重要的项目。
命名为username.github.io的repo中的内容将会出现在username.github.io上。

User Pages How-To

创建一个CNAME文件，包含你的个性域名，放在source文件夹下
example.com

把你个性域名的A record指向Github DNS
192.30.252.153
192.30.252.154

创建一个新的repo，名字必须是username.github.io

创建新的repo

创建你的网站，包括：HTML文件，CSS文件...

my_website_folder
|- index.html
|- main.css
|- bootstrap.js
|...

创建本地git repo
~ $ cd my_website_folder //进入你的网站所在的文件夹
~ $ git init
~ $ git add .
~ $ git commit -m "Initial commit"

添加remote repo到本地，push到Github
~ $ git remote add origin https://github.com/Jason-Yuan/Jason-Yuan.github.io.git
~ $ git remote -v //可以查看是否添加成功，及其详细信息
~ $ git push origin master

设置个性域名

如果想要搭建博客，下面列了一些非常流行的framework，可自动生成静态页面：

Octopress (基于Ruby)
Jekyll (基于Ruby) - 通过Github Pages和Jekyll搭建个人博客
Hexo (基于NodeJS) - 通过Github Pages和Hexo搭建个人博客
Pelican (基于Python)

4. Github Pages的限制(Limitations)

Github Pages只是静态网站(HTML, CSS, JavaScript)
没有服务端，所以不支持服务端的语言(没有ruby, php, python)

Ⅲ 如何利用github搭建个人网站

如果你现在还没有自己个人博客网站的话，那么我觉得你看完本篇博客后，强烈的建议你去折腾折腾下，搞个自己的，让自己也能够体验装 X 的感觉。
要想用搭建一个个人博客网站，首先你得有一个域名，这样别人才可以通过域名访问，其次你还要一个空间来存放你的页面。
空间 空间有免费的空间，也有收费的空间。免费的当然就不够稳定了，收费的就很贵了，终究是很不爽，有没有什么地方是既免费又稳定的空间呢？有，Github 。它允许上传个人网站项目并自定义你的域名，而且又有稳定的服务，实在是不能够在好了。
下面就一起跟着我来一步一步的利用 Github 搭建个人博客网站吧！
1. 拥有一个域名
这个步骤我就不详述了。
举例：
打开腾讯云官网
搜索你想要的域名，下单买一个
2. 拥有一个 Github账号
互联网崇尚自由与分享。Github 是一个全世界程序员聚集的地方，大家相互分享自己写的代码，提升别人，也提升自己。大家都在为着开源社区努力着。因为我从开源项目中学到很多知识，所以我也非常愿意分享我的所见所学所得，我的 Github 主页：https://github.com/sheng17 （欢迎 follow 和对我的项目给个 star 或者 fork 我的项目一起来和我完善项目）
如果还没有 Github 账号的话你就先去注册一个吧，有的话，直接登录就行，后面的操作都要用到 Github 的。
3. Github 上新建个人网站项目
登录 GitHub 之后，在页面右上角点击 + 加号按钮，点击 New repository。

由于我们是新建一个个人网站项目，所有仓库的名称需要安装 GitHub 个人网站项目的规定来写。
规则就是：
YOUR-GITHUB-USERNAME.github.io
比如我的 GitHub 用户名是 sheng17，那我就要填写 sheng17.github.io。然后选择公开模式，接着点击创建仓库按钮。

创建成功之后，进入了项目主页面。点击设置按钮。

进入之后，滚动页面到下方。点击页面自动生成器按钮。

点击右下方继续去布局按钮。

选择一个模板，点击发布页面按钮。

Ⅳ 如何通过GitHub免费搭建在线网页

拥有下列条件才能使用此方法：
（此项内部问题请自行度娘）
1.你需要拥有一个GitHub账号；
2.你需要安装git程序；
3.你需要掌握基本的电脑以及网页编辑相关知识；
下面只是简略列出快速搭建网页的步骤（该步骤为windows系统下方法）
（重要）建立项目主页步骤：
1.打开How people build software · GitHub （官网），登录；
2.点击右上角“+”，新建一个repository(仓库);
??? a.填写"repository name"仓库名（必需）和"Description"描述（可选）；
??? b.类型默认选择为public.(此处无需更改，private为私人类型需要花钱购买该项服务)；
??? c.勾选项"Intialize this repository with a Readme"为初始化（可选）；
??? d.点击"Create repository"按钮;
3.创建用于页面展示的gh-pages分支;
??? a.点击"settings";
??? b.在options下右侧显示内容拉至下部找到GitHub Pages栏；
??? c.点击"Automatic page generator"按钮跳转到编辑页面；
??? d.在接下来的操作中基本都不用管，一路点绿色按钮直到点击"publish page"按钮结束;
??? e.此时已创建完用于展示的默认页面；
4.克隆仓库到本地并在本地将你需要展示的内容文件上传到gh-pages分支；
??? a.在你本地用来安放仓库的目录下右键选择"git bash here"会弹出git命令窗口;
??? b.在命令窗口中输入 "git clone https://github.com/用户名/仓库名" 从远程库中克隆到本地生成对应的仓库名文件夹;
??? c.双击（仓库名)文件夹；
??? d.在命令窗口中输入 "git checkout -b gh-pages origin/gh-pages" 在本地新建一个由远程"orgin/gh-pages"分支下面分化出来的"gh-pages"（暂时不懂也无所谓，执行这句就行）;
??? e.然后输入命令 "git rm -rf ."删除当前仓库目录下的所有(步骤2中创建分支时系统默认生成的）文件;
??? f.直接在此处编辑你用来展示页面的文件或者将你需要用来展示页面的文件放到此目录下；
??? g.在命令窗口中输入 "git add ."缓存当前目录下的所有文件['.'代表全部，如果只是修改/更新请将'.'换成需要更改的文件（夹）名];
??? h.在命令窗口中输入 "git commit -m '注释内容' "? 提交文件到当前仓库；
??? i.在命令窗口中输入 "git push origin gh-pages"? 推送文件到远程仓库(此处最后需要你输入你的用户名和密码)；
另外，如果已经完成过上面步骤，但是后面想修改前面的文件内容时:
按顺序执行第3步中的"c"、"a"、"g"、"h"、"i"即可;
至此，项目页面展示完成，通过"http://用户名.github.io/项目名"即可展示你的页面了。
(注意：上述步骤中输入命令时，只需输入双引号内的内容。)
最后补充你可能需要的链接地址
下载git，请点击官方地址官方下载地址（请选择对应的版本）?；
如需了解更多有关git的相关知识请点击Pro Git 简体中文版?
此处内容有必要了解一下（选修）
该处的内容摘要自：单个GitHub帐号下添加多个GitHub Pages的相关问题 - 我很好奇 - SegmentFault
1.个人主页必须要和用户的GitHub帐号同名，所以每个用户有且只能有一个repo作为个人主页，且必须是<用户名/用户名.github.io> 的形式；而项目主页的命名则没有这种限制，且数量有任意多个;
2.不考虑绑定的自定义域名的前提下，个人主页的GitHub二级域名为<用户名.github.io> ;项目主页的GitHub二级域名为<用户名.github.io/项目名>,没有<项目名.用户名.github.io> 这种方式;
3.个人主页的展示内容以 master 分支里的文件为准；而项目主页的展示内容以 gh-pages 分支内的文件为准;

Ⅳ 如何在GitHub上面建立自己的个人主页

第一步：打开github官网：github.com

第二步：点击sign up for github注册自己的geithub账号并登录

第三步：点击start a project，开始创建工程文件

Ⅵ 如何使用Github Pages免费搭建网站

github pages有两类：
你如果起个名为chendell.github.io的repository, 那么他的master分支上的文件就能在chendell.github.io的根目录访问到。
而如果是其他的repositories，比如这个repository名字叫node，那么建一个gh-pages分支，该分支下的文件就能在chendell.github.io/node/下访问到。

1. 门槛：需要理解 Github 的工作方式，熟悉 Github 客户端，熟悉 Html 与 CSS；
2. 不妨一边开始写静态模板，一边了解 Jekyll 布局所用到的 Liquid Tag，磨刀不误砍柴工；
3. Jekyll 博客，可以看作是一套文件结构，通过 Jekyll 程序编译成静态网站。如果不熟悉命令，完全可以不安装 Jekyll，只需按照要求的格式创建文件后再上传到 Github，然后访问主页就可以了，因为 Github Pages 便是由 Jekyll 驱动的，或者直接使用 Jekyll-Bootstrap 的结构；
4. Jekyll 的文件结构大概可以这样分：配置文件 _config.yml，布局文件 _layouts，模块文件 _includes，插件 _plugin，文章 _posts，其他文件（不以下划线开头的文件及文件夹都会完整的拷贝到生成的静态网站中，比如 CSS 文件、图片等），以及将会生成的静态站 _site；
5. Jekyll 命令很简单，先使用 cd 命令进入目标文件夹，然后输入 jekyll --server 生成网站，浏览器中输入 0.0.0.0:4000 访问生成的静态网站，jekyll --server --auto 命令将开启实时更新，修改文件后在浏览器中刷新就可看到效果，对本地调试很有帮助；
6. Github Pages 禁用所有插件，需要使用自定义插件，只能上传生成的网站文件 _site，或者试试 这个办法 ;
7. 想写草稿不想被编译？创建一个以下划线开头文件夹就会被忽略，例如在 _posts 下创建 _drafts 存储草稿；
8. 默认的 Markdown 引擎问题很多，建议替换成 RDiscount。

Ⅶ 如何使用Github仓库创建网站

Github是一个分布式版本控制系统，已经成为全球最大的版本控制网站，下面来介绍一下如何在GItHub仓库上创建个人网站的代码仓。

一、注册Github账号，首先打开Github主页，https://github.com 如果你没有登录过的话会打开如下图的界面

这样，一个Github仓库就完成了，接下来就可以在IDE中开始编写代码并且同步到Github上了，可以通过这个GitHub网站来浏览你的代码。

Ⅷ 如何用github搭建自己的个人网站

1. 注册账号:
地址: https://github.com/
输入账号、邮箱、密码,然后点击注册按钮.

2. 初始设置
注册完成后,选择Free免费账号完成设置。

图2 第2步
2.1 验证邮箱
请打开你的邮箱，查看发送给你的确认邮件，你需要验证邮箱后，后面生成的个人主页才会被接受和发布，

3. 创建页面仓库
地址: https://github.com/new
这个仓库的名字需要和你的账号对应， 如 linuxidc.github.io
输入基本信息,然后点击创建仓库.

图3 第3步
4. 进入项目设置页面
因为这个项目就是专门的放页面的,所以master分支即可. 如果是你的某个仓库的页面,你需要设置到 gh-pages 分支中,关于这些,请参考本文末尾提到的参考资料.

图4 第4步

5. 进入自动页面生成器
在设置页面,下拉到底部, 默认分支(master)不用管.

Ⅸ 如何使用Github Pages免费搭建网站

把代码直接放到github的仓库，然后设置网页路径就可以通过路径访问了。

希望我的回答可以帮到你，有什么不懂可以追问。