今天重庆云诚科技就给我们广大朋友来聊聊用github搭建个人网站,以下4个关于github个人网站模板的观点希望能帮助到您找到想要的答案。
如何在github上部署dedecms
本文最佳回答用户：【要去宇宙旅行】 ，现在由重庆云诚科技小编为你探讨与【用github搭建个人网站】的相关内容！
贡献者回答在尝试过用 GitHub 部署静态 HTML 网页后，觉得其实挺容易的，这里简单说说如何用 GitHub 来完成部署。
1.首先我新建了一个版本库作为 demo，然后点击settings
用 GitHub 来部署静态网页
2.选择 GitHub Pages 的Automatic page generator
用 GitHub 来部署静态网页
3.这里填一些基本信息，也可以默认
用 GitHub 来部署静态网页
4.这里的google分析可以不填，我们先把咱们的页面跑起来，点击Continue to layouts
用 GitHub 来部署静态网页
5.这里github给你提供了一些模板，这里我选了第一个模板，点击Publish page
用 GitHub 来部署静态网页
6.发布成功，这里是我们的代码
用 GitHub 来部署静态网页
7.点击settings，访问刚刚发布的静态页面链接
用 GitHub 来部署静态网页
8.成功看到刚刚我们选择的模板
用 GitHub 来部署静态网页
9.自定义你的页面，我把它的模板也删了，自己写了简单index.html
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>html5</title>
<style type="text/css">
.theme{
display: block;
width: 200px;
font-size: 30px;
margin: 100px auto;
}
</style>
</head>
<body>
<div class="theme">
Hello, world.
</div>
</body>
</html>
10.add -> commit -> push
这里要注意一下，我是直接新建的库，然后发布的，所以，没有master分支，只有gh-pages分支，github只会将你的gh-pages分支部署上去，不会动你的其他分支的东西。所以，我们要将改动提交到gh-pages分支上，再push。
qianjiahaodeMacBook-Pro:HowToDeployHTML qianjiahao$ git branch
* gh-pages
qianjiahaodeMacBook-Pro:HowToDeployHTML qianjiahao$ git commit -a -m "first commit"
[gh-pages cc8c864] first commit
1 file changed, 23 insertions(+), 65 deletions(-)
rewrite index.html (98%)
qianjiahaod eMacBook-Pro:HowToDeployHTML qianjiahao$ git push origin gh-pages
Counting objects: 3, done.
Delta compression using up to 4 threads.
Compressing objects: 100% (3/3), done.
Writing objects: 100% (3/3), 523 bytes | 0 bytes/s, done.
Total 3 (delta 0), reused 0 (delta 0)
To git@github.com:qianjiahao/HowToDeployHTML.git
3d6ebe7cc8c864 gh-pages -> gh-pages
以上就是重庆云诚科技小编解答贡献者：（要去宇宙旅行）解答的关于“如何在github上部署dedecms”的问题了，不知是否已经解决你的问题？如果没有，下一篇内容可能是你想要的答案，现在接着继续剖析下文用户【～虐心丶女神○】回答的“如何利用github搭建个人网站”的一些相关问题做出分析与解答，如果能找到你的答案，可以关注本站。
如何利用github搭建个人网站
本文最佳回答用户：【～虐心丶女神○】 ，现在由重庆云诚科技小编为你解答与【用github搭建个人网站】的相关内容！
贡献者回答如果你现在还没有自己个人博客网站的话，那么我觉得你看完本篇博客后，强烈的建议你去折腾折腾下，搞个自己的，让自己也能够体验装 X 的感觉。
要想用搭建一个个人博客网站，首先你得有一个域名，这样别人才可以通过域名访问，其次你还要一个空间来存放你的页面。
空间 空间有免费的空间，也有收费的空间。免费的当然就不够稳定了，收费的就很贵了，终究是很不爽，有没有什么地方是既免费又稳定的空间呢？有，Github 。它允许上传个人网站项目并自定义你的域名，而且又有稳定的服务，实在是不能够在好了。
下面就一起跟着我来一步一步的利用 Github 搭建个人博客网站吧！
1. 拥有一个域名
这个步骤我就不详述了。
举例：
打开腾讯云官网
搜索你想要的域名，下单买一个
2. 拥有一个 Github账号
互联网崇尚自由与分享。Github 是一个全世界程序员聚集的地方，大家相互分享自己写的代码，提升别人，也提升自己。大家都在为着开源社区努力着。因为我从开源项目中学到很多知识，所以我也非常愿意分享我的所见所学所得，我的 Github 主页： （欢迎 follow 和对我的项目给个 star 或者 fork 我的项目一起来和我完善项目）
如果还没有 Github 账号的话你就先去注册一个吧，有的话，直接登录就行，后面的操作都要用到 Github 的。
3. Github 上新建个人网站项目
登录 GitHub 之后，在页面右上角点击 + 加号按钮，点击 New repository。
由于我们是新建一个个人网站项目，所有仓库的名称需要安装 GitHub 个人网站项目的规定来写。
规则就是：
YOUR-GITHUB-USERNAME.github.io
比如我的 GitHub 用户名是 zhisheng17，那我就要填写 zhisheng17.github.io。然后选择公开模式，接着点击创建仓库按钮。
创建成功之后，进入了项目主页面。点击设置按钮。
进入之后，滚动页面到下方。点击页面自动生成器按钮。
点击右下方继续去布局按钮。
选择一个模板，点击发布页面按钮。
上文就是重庆云诚科技小编解答贡献者：（～虐心丶女神○）解答的关于“如何利用github搭建个人网站”的问题了，不知是否已经解决你的问题？如果没有，下一篇内容可能是你想要的答案，接下来继续教妳下文用户【只怕不再遇上】分享的“如何用github搭建个人网站”的一些相关问题做出分析与解答，如果能找到你的答案，可以关注本站。
如何用github搭建个人网站
本文最佳回答用户：【只怕不再遇上】 ，现在由重庆云诚科技小编为你分析与【用github搭建个人网站】的相关内容！
贡献者回答拥有一个域名
1
首先需要拥有一个自己的域名，下面以GoDaddy为例，讲述如何购买一个个人域名。打开GoDaddy中文官网，如下图所示：
2
登录这个网站，如果没有账号，先创建账户，然后登录。搜索你想要的域名，如下图所示：
3
我买的域名是7元人民币，自己玩一下，没有必要买那么好的域名，如下图所示：
4
付款的时候选择国内更接地气的支付宝即可，如下图所示：
5
付款成功三分钟左右，域名准备工作就全部做好了。可以对域名进行管理了。现在先不设置，放在后面的步骤进行设置，如下图所示：
END
拥有一个GitHub账号
1
互联网崇尚自由与分享。GitHub是一个全世界程序员聚集起来的地方，大家互相分享自己的代码，提升别人，也提升自我。大家都在为着开源社区努力着。因为我从开源项目中学到很多知识，所以我也非常愿意分享我的所见所得所学。
如果没有GitHub账号就先去注册一个吧，有的话，直接登录即可，后面的操作都要用到GitHub。
END
GitHub上新建个人网站项目
1
新建一个仓库
登录GitHub之后，在页面右上角点击+加号按钮，点击New repository，如下图所示：
2
由于我们是新建一个个人网站项目，所有仓库的名称需要安装GitHub个人网站项目的规定来写。 规则就是：
YOUR-GITHUB-USERNAME.github.io
比如我的GitHub用户名是ganecheng，那我就要填写ganecheng.github.io。然后选择公开模式，接着点击创建仓库按钮，如下图所示：
3
创建成功之后，进入了项目主页面。点击设置按钮，如下图所示：
4
进入之后，滚动页面到下方。点击页面自动生成器按钮，如下图所示：
5
点击右下方继续去布局按钮，如下图所示：
6
选择一个模板，点击发布页面按钮。
这个时候，你就可以通过YOUR-GITHUB-USERNAME.github.io来访问此页面了，如下图所示：
END
上传个人网页到GitHub
1
自动生成页面，肯定不符合我们的要求，我们希望能够自己设计自己的个人网站。我们可以自己编写一个网页文件，命名为index.html。然后上传到GitHub个人网站项目上。这里为了节约时间，可以先下载我的个人网站项目代码，然后修改为你的网页上传到GitHub。
下面介绍详细步骤。
进入某个项目，然后下载源码。解压之后，拿到里面的index.html文件，如下图所示：
2
然后进入自己的个人网站项目主页YOUR-GITHUB-USERNAME/YOUR-GITHUB-USERNAME.github.io。点击上传文件按钮，进入上传文件页面，将index.html文件拖入蓝色大圈圈区域，点击提交按钮即可提交成功。此时打开网址YOUR-GITHUB-USERNAME.github.io就可以看到主页已经改变为我们自己的网页了，如下图所示：
END
域名CNAME到个人网站项目
网页上传成功了，我们不想一直通过YOUR-GITHUB-USERNAME.github.io来访问我们的个人网站，而是希望通过自己的域名来访问。
下面讲述详细步骤。
点击我们的个人网站项目设置选项卡，滚动到下面，就会发现一个自定义域名卡片。输入我们前面在GoDaddy上买的域名，然后点击保存，如下图所示：
接着我们还要将我们的域名解析到这个个人网站项目上。打开GoDaddy域名管理页面。点击右上角设置图标，点击管理DNS按钮。进入到DNS管理页面，如下图所示：
接着，点击添加一条域名解析记录，之前GoDaddy自动添加的没用的解析可以全部删掉，主机填写www，代表你是一级域名来访问，指向填写YOUR-GITHUB-USERNAME.github.io，然后点击保存按钮。稍等片刻，域名解析就会生效，如下图所示：
END
访问你的域名
1
所有这些步骤做完之后，在浏览器里输入自己的域名，回车键一按，就会返回我们刚刚上传到GitHub的index.html页面了。
这里只是入门了GitHub搭建个人网站的功能，GitHub官方推荐Jekyll博客系统来发布自己的页面。以后有数据更新，都可以通过Jekyll来重新编译整个网站，如下图所示
以上就是重庆云诚科技小编解答(只怕不再遇上)解答关于“如何用github搭建个人网站”的答案，接下来继续为你详解体育用户（梦忽还乡）回答“如何使用Github Pages免费搭建网站”的一些相关解答，希望能解决你的问题！
如何使用Github Pages免费搭建网站
本文最佳回答用户：【梦忽还乡】 ，现在由重庆云诚科技小编为你讲解与【用github搭建个人网站】的相关内容！
贡献者回答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
~ $ 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搭建个人网站]和[github个人网站模板]的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。
推荐文章：
本文由网上采集发布，不代表我们立场，转载联系作者并注明出处：https://www.cqycseo.com/zixun/4761.html
