先把这些天学习的用jekyll在github上搭建网站的步骤记录下来,留作参考。

#安装jekyll

确定系统安装 Git, Ruby, RubyGems, Nodejs, Python2.7. 如何安装,狗狗一搜就可以。mac上基本自带,注意update一下到最新版本。

$ gem install jekyll bundler
$ jekyll -v # 检查安装帮版本
$ jekyll new my-awesome-site
$ cd my-awesome-site
$ jekyll serve
# => Now browse to http://localhost:4000

通过jekyll serve -B启动服务,使用Rakefile创建文章,然后用自己喜欢的工具进行写作。

创作完成,通过jekyll build生成页面,本地localhost:4000查看文章。

#注册github账户

注意创建第一个仓库用 username.github.io 在用户名下再创建的仓库可类似于网站下的一个folder.

在用户目录(比如:C:/User/www)新建 .ssh 文件夹,或者通过 mkdir .ssh 创建。
cd .ssh,并执行 ssh-keygen -t rsa -C "your_email@example.com"。
连续三次回车,可以不用输入内容。第一次是指写入的文件名,默认为 id_rsa,后两次为密码。
将 .pub 后缀文件中的内容复制出来,登陆 GitHub,找到页顶的设置项,然后设置其中的 ssh 项,添加刚才复制的内容。

两种方式在github上搭建网站

  • 在本地建好网站,上传到github
  • 从github上clone一个到本地,修改完传回

1. 本地创建

$ mkdir my-site
$ cd my-site
$ git init # 初始建立本地git仓库
$ git remote add origin git@github.com:username/username.github.io.git # 建立和远端仓库链接
$ git pull # 最好先提取一下,不然可能会有问题
$ echo "hello world" >> README.md # 创建第一个readme文件。或用其它方式在本地仓库创建网站内容。
$ git add . # 把新增或改动加入缓冲
$ git commit -m "first commit" # 提交到本地仓库
$ git push -u origin master # 推送到远端, 这里是github网上仓库

2. 从远端克隆

$ git clone https://github.com/user 大专栏  用jekyll和github把网站建起来!name/username.github.com.git
# 这个方法把远端仓库拷贝到本地,并建立一个username.github.com的目录。
$ cd username.github.com
# 在本地完成一些修改后创建新的网页或博客文章
$ git add . # 把新增或改动加入缓冲
$ git commit -m "revision" # 提交到本地仓库
$ git push -u origin master # 推送到远端, 这里是github网上仓库

新手可以找个喜欢的网站fork一下,再克隆到本地,修改之后传回github. 如直接克隆别人的网站,一定要记得要重新设定远端,设成自己的github仓库。

域名绑定

github上设置很简单,记得分支选master. 也可以自己添加CNAME文件。(别人那里克隆来的,记得修改成自己的域名)。

二级域名在域名注册商那里修改A记录为:204.232.175.78 # 这可能会变,google找最新可用的IP地址

三级域名或子域名可用CNAME设置。 如 www 指向 username.github.io 或 username.github.io/another-rep

一些git命令

git init // 当前项目 git 化
git add . // 当前目录加入 git 跟踪
git add filename // 当前文件 filename 参加 git 跟踪
git commit -m "XXXX" // 提交信息,交给 git 经管,提交到本地库
git remote add origin git@github.com:XXXX/YYYY.git // 与 GitHub 上项目链接 (ssh 方式)
git push -u origin master // 将本地库提交到 GitHub 上,另一种是 gh-pages
git rm -rf directory // 删除库中指定文件夹 directory 所有内容
git rm filename // 删除库中指定文件 filename 内容
git clone git@github.com:XXXX/YYYY.git // 将 GitHub 上的项目下载下来
git pull // 把服务器上的 “拉” 下来,与本地的合并

这里是git简明指南

这里是jekyll的一些模版

这里是jekyll tips网站

Jekyll Now repository on GitHub.

用jekyll和github把网站建起来!的更多相关文章

  1. 使用Jekyll在Github上搭建博客

    最近在玩github,突然发现很多说明网站或者一些介绍页面全部在一个域名是*****.github.io上. 好奇!!!真的好奇!!!怎么弄的?我也要一个~~~ 于是去网站上查询了一下,找到了http ...

  2. 使用jekyll和Github搭建个人博客

    一.使用jekyll和Github三步搭建个人博客 在 Github 上建一个库,库的名字是xxx.github.com,其中的xxx是你的github的账号名(图中标注的不要勾选) 注:如果没有Gi ...

  3. 用Jekyll在github上写博客——《搭建一个免费的,无限流量的Blog》的注脚

    本来打算买域名,买空间,用wordpress写博客的.后来问了一个师兄,他说他是用github的空间,用Jekyll写博客,说很多人都这么做.于是我就研究了一下. 比较有价值的文章有这么几篇: htt ...

  4. 用Jekyll在github上写博客

    用Jekyll在github上写博客——<搭建一个免费的,无限流量的Blog>的注脚 本来打算买域名,买空间,用wordpress写博客的.后来问了一个师兄,他说他是用github的空间, ...

  5. 【环境搭建】使用Jekyll搭建Github博客

    前言 昨天花了差不多一天的时间,使用Jekyll搭建起了一套Github博客,感觉不错,也特将搭建过程记录下来,方便有需要的朋友自行搭建. 搭建步骤 本环境是在Linux环境下搭建完成的 安装前建议使 ...

  6. 《JERRY Hexo & GitHub 静态网站搭建说明》

    JERRY-Hexo-GitHub <JERRY Hexo & GitHub 静态网站搭建说明> 原创内容,转载请注明出处! 一.前言 1.1 什么是 Hexo? 一个基于 Nod ...

  7. 在github pages网站下用jekyll制作博客教程

    https://www.jekyll.com.cn/ https://github.com/onevcat/vno-jekyll https://help.github.com/articles/us ...

  8. 使用jekyll在GitHub Pages上搭建个人博客【转】

    网上有不少资源,但大多是“授人以鱼”,文中一步一步的告诉你怎么做,却没有解释为什么,以及他是如何知道的.他们默认着你知道种种专业名词的含义,默认着你掌握着特定技能.你折腾半天,查资料,看教程,一步步下 ...

  9. jekyll : 使用github托管你的博客

    使用github托管你的博客 效果: http://wuya1234.github.io/blog/2013/11/09/start-github-blog/ 样式神马的还没整 电脑系统 我使用的是m ...

随机推荐

  1. framebuffer 知识点

    设备文件是在/dev/目录下设备文件有主设备号,次设备号.当操作设备文件, 系统会根据设备文件的设备号找到相应的设备驱动(驱动在内核注册时已指定使用的设备号),并调用相应的功能.  open ---& ...

  2. 基于Wiki的知识共享平台模型架构

    一.引言 当今的全球化知识经济社会中呈现出信息泛滥和知识更新周期短的现象,知识管理逐渐成为现代企业管理中不容忽视的一环.虚拟企业是基于共识目标而组成的动态协作组织,成员参与的流动性与各成员之间地域分布 ...

  3. 2019-2020-1 20199324《Linux内核原理与分析》第一周作业

    1.问题:使用banner输出图形字符为什么都是大写? 2.实验二:基本概念及操作 作业:命令toilet和figlet的使用 使用如下命令安装 $ sudo apt-get update $ sud ...

  4. 部署企业本地yum源及源码包安装

    YUM命令 yum list //列出每个软件包(包括未安装和已安装) rpm -q repolist //列出所以仓库名称 info //查看软件信息 rpm -qi install //安装 rp ...

  5. nginx做正向代理搭建bugfree

    下载地址: Nginx下载地址:http://download.csdn.net/detail/terrly88/9099117 bugfree下载地址:http://download.csdn.ne ...

  6. socket握手SYN和ACK理解

    ACK 英文缩写: ACK (ACKnowledge Character) 中文译名: 确认字符 分类: 传输与接入 解释: 在数据通信传输中,接收站发给发送站的一种传输控制字符.它表示确认发来的数据 ...

  7. 如何查看Linux系统下程序运行时使用的库?

    Linux系统下程序运行会实时的用到相关动态库,某些场景下,比如需要裁剪不必要的动态库时,就需要查看哪些动态库被用到了. 以运行VLC为例. VLC开始运行后,首先查看vlc的PID,比如这次查到的V ...

  8. EmguCV C# 安装入门教程

    EmguCv3的安装. EmguCv3下载网址 http://sourceforge.net/projects/emgucv/files/emgucv/3.0.0/ 推荐下载第一个: 点击direct ...

  9. 从程序到系统:建立一个更智能的世界——记Joseph Sifakis“21世纪的计算”大会主题演讲

    Sifakis"21世纪的计算"大会主题演讲" title="从程序到系统:建立一个更智能的世界--记Joseph Sifakis"21世纪的计算&q ...

  10. HihoCode-1053-居民迁移

    解法: 一开始不会做,看到标签说是贪心加二分忽然就会了,二分是分的是人口最多居住点的人口,检查人口最多的居住点人口为mid是否可行.贪心是如果从左往右循环就尽量把人口往左迁移,如果从右往左循环就尽量把 ...