github pages

http://zyip.github.io/facemaker/index

echo "hello world" >>hello.htm

git init

git add hello.htm

git commit -m "add hello.htm"

git remote add origin https://github.com/zyip/facemaker.git

git push -u origin master

$ cd your_repo_root/repo_name

$ git fetch origin

$ git checkout gh-pages

Welcome to GitHub Pages.

This automatic page generator is the easiest way to create beautiful pages for all of your projects. Author your page content here using GitHub Flavored Markdown, select a template crafted by a designer, and publish. After your page is generated, you can check out the new branch:

$ cd your_repo_root/repo_name
$ git fetch origin
$ git checkout gh-pages

If you‘re using the GitHub for Mac, simply sync your repository and you‘ll see the new branch.

Designer Templates

We‘ve crafted some handsome templates for you to use. Go ahead and continue to layouts to browse through them. You can easily go back to edit your page before publishing. After publishing your page, you can revisit the page generator and switch to another theme. Your Page content will be preserved if it remained markdown format.

Rather Drive Stick?

If you prefer to not use the automatic generator, push a branch named gh-pages to your repository to create a page manually. In addition to supporting regular HTML content, GitHub Pages support Jekyll, a simple, blog aware static site generator written by our own Tom Preston-Werner. Jekyll makes it easy to create site-wide headers and footers without having to copy them across every page. It also offers intelligent blog support and other advanced templating features.

Authors and Contributors

You can @mention a GitHub username to generate a link to their profile. The resulting<a> element will link to the contributor‘s GitHub Profile. For example: In 2007, Chris Wanstrath (@defunkt), PJ Hyett (@pjhyett), and Tom Preston-Werner (@mojombo) founded GitHub.

Support or Contact

Having trouble with Pages? Check out the documentation at https://help.github.com/pagesor contact [email protected] and we’ll help you sort it out.

----------

Configuring an A record with your DNS provider

With your DNS provider, create A records that resolve to the following IP addresses:

  • 192.30.252.153
  • 192.30.252.154

To confirm that your A records have been set correctly, use the dig command:

dig example.com +nostats +nocomments +nocmd
;example.com
example.com.   73  IN  A 192.30.252.153
example.com.   73  IN  A 192.30.252.154

----------

Adding a CNAME file to your repository

If you‘re using a custom domain to redirect your GitHub Pages site, you must create and commit aCNAME file to your GitHub Pages repository that contains the custom domain.

  1. On GitHub, navigate to your Pages repository.
  2. In the "Branches" menu, switch to your repository‘s Pages branch:
    • For User and Organization Pages sites, the Pages branch is master.
    • For Project Pages sites, the Pages branch is gh-pages.
  3. Add a new file, named CNAME (with all caps!), to the root directory of the Pages branch.
  4. In the new file, add a single line that specifies the bare subdomain for your custom domain. For example, use blog.example.comnot https://blog.example.com. Note that there can only be one domain in the CNAME file.
  5. Type a commit message, or accept the default message.
  6. Under the commit message box, click Confirm merge.

----------

references:

http://www.sitepoint.com/free-static-sites-middleman-github/?utm_medium=email&utm_campaign=SitePoint+Ruby+20150303&utm_content=SitePoint+Ruby+20150303+CID_993d17cebd4c92b96aff5021f2b65763&utm_source=CampaignMonitor&utm_term=Static%20Sites%20with%20Middleman

时间: 2024-08-27 02:38:38

github pages的相关文章

【新博客引流!!】博客已经迁移到 github pages 了,欢迎各位指点。

个人简介: 飘过的小牛,争取成为全球统一账号 2013 年本科毕业,90 后弱菜一枚 前新浪广告技术部 RD,现百度凤巢 RD 热爱分享.希望结交更多志同道合的朋友共同进步:) 热爱跑步.2015 年计划每周刷一次奥森 10 公里,争取参加北马 github pages 地址:飘过的小牛(http://github.thinkingbar.com) PS:专注技术.请发表技术评论,勿灌水,没有智力活动的评论将被删除.

Github Pages 静态网页建站

创建仓库 略.详见GitHub使用教程. 仓库属性设置 找Github Pages项.点击自动生成,按照提示操作,就会得到该项目的gh-pages 分支. 发布网站成功,地址为 http://chuchus9293.github.io/web2 . 目录下index.html页面作为该网站默认页面. 发布成功 当然也可以自己做HTML网站,通过Github 客户端上传代码很方便.index.html仍为默认页面. 域名绑定到GitHub Page Github项目设置 在仓库根目录下添加一个CN

学会Git玩转Github笔记(三)—— Github Pages 搭建个人网站

https://help.github.com/categories/github-pages-basics/ 一.个人站点 访问 https://用户名.github.io 搭建步骤 1) 创建个人站点   ->  新建仓库(注:仓库名必须是[用户名.github.io]) 2) 在仓库下新建index.html的文件即可 注意: 1.github pages 仅支持静态网页 2.仓库里面是.html文件 3.个人主页也可以设置主题 二.Project Pages 项目站点 访问 https:

Ubuntu14.04+Jekyll+Github Pages搭建静态博客

官方教程http://jekyllrb.com/docs/installation/ 1. Jekyll简介 简单: 无需数据库.无需评论功能,不需要不断更新版本,只需要关心博客内容. 静态: 只用 Markdown (或 Textile).Liquid.HTML & CSS 就可以构建可部署的静态网站. 博客形态: 自定义地址.分类.页面.博客内容 以及 自定义的布局设计 都是系统中的一等公民. Jekyll详细介绍 2. Github Pages简介 Github Pages是Github提

Github Pages 搭建个人博客

1.Github简介 Github很好的将代码和社区联系在了一起,于是发生了很多有趣的事情,世界也因为他美好了一点点.Github作为现在最流行的代码仓库,已经得到很多大公司和项目的青睐,比如jQuery.Twitter等.为使项目更方便的被人理解,介绍页面少不了,甚至会需要完整的文档站,Github替你想到了这一点,他提供了Github Pages的服务,不仅可以方便的为项目建立介绍站点,也可以用来建立个人博客. Github Pages有以下几个优点: 轻量级的博客系统,没有麻烦的配置 使用

关于hexo+github pages建立博客

1.在使用git对源代码进行push到github时,出现了好几次这种情况: 1 $ git push -u origin master 2 To github.com:wangmengjun142857/wangmengjun142857.github.io.git 3 ! [rejected] master -> master (fetch first) 4 error: failed to push some refs to '[email protected]:wangmengjun14

【翻译】GitHub Pages Basics 基本使用帮助【首页】

页面链接:https://help.github.com/categories/github-pages-basics/ 翻译的是github网站关于github pages的介绍 GitHub Help Categories / GitHub Pages Basics  ----->  分类 / GitHub Pages 基本介绍 What is GitHub Pages? GitHub Pages 是什么? Configuring a publishing source for GitHub

【翻译】GitHub Pages Basics 基本使用帮助【一】GitHub Pages 是什么?

https://help.github.com/articles/what-is-github-pages/ What is GitHub Pages? --> GitHub Pages 是什么? GitHub Pages is a static site hosting service. GitHub Pages 是一个静态网站托管服务 GitHub Pages is designed to host your personal, organization, or project pages

FE: CSS固定图片显示大小及GitHub Pages在线演示

CSS固定图片显示大小 分析 假设图片区域的大小固定为250×300px,那么我们可以写出如下的样式 .picture-area { width: 250px; height: 300px; margin: 1em; } 当然简单如下的html是不能限制图片大小的 <div class=“picture-area”> <img src=“…” alt=“…”> </div> 换个思路,将图片作为div的背景图片 <div style=“background-ima