github网页

时间 2019-11-29

标签 github 网页栏目 Git 繁體版

原文原文链接

GitHub主页

建立仓库

想必你们都有本身的Github帐号吧，没有的能够到GitHub官网注册帐号，注册完后，咱们来下一步，在咱们的GitHub上面右上角的New repository来建立一个仓库。
html

仓库名必须遵照相应格式：your_username.github.io，这样子在访问主页的时候直接用your_username.github.io就能访问。
node

我这里由于是已经建立了一个仓库了，因此会有提示，而后点Create repository肯定建立仓库。git

设置Pages

接下来咱们来设置咱们的GitHub Pages，打开咱们刚刚建立的仓库，而后建立一个主页index.html

而后在里面输入代码github

 
 
 
 
  
  
  
  1
  
  
  
  2
  
  
  
  3
  
  
  
  4
  
  
  
  5
  
  
  
  6
  
  
  
  7
 
 
 
 
<!DOCTYPE html> <html> <body> <h1>Hello World</h1> <p>I'm hosted with GitHub Pages.</p> </body> </html>

而后保存npm

接下来咱们打开GitHub Pages的设置，点开Settingsjson

移到下面的GitHub Pageswindows

能够看出，我如今能用https://jowanxu.github.io/来访问个人github主页了，这里我是用个人一个新建立的号来演示的。
浏览器

经过上面的配置，咱们能经过your_username.github.io来访问咱们的博客主页了。缓存

Clone仓库

建立完仓库后（可直接安装Git,忽略Clone），咱们须要将代码下载到本地，这里就须要用到Git了。ruby

安装Git

Windows：下载并安装 git，msysGit
Mac：使用 Homebrew, MacPorts ：brew install git;或下载安装程序安装。
Linux (Ubuntu, Debian)：sudo apt-get install git-core
Linux (Fedora, Red Hat, CentOS)：sudo yum install git-core

安装完Git后，在命令行输入git --version，判断是否成功

若是出现不存在命令，那么就添加Git目录下bin目录的环境变量，添加完后要从新打开命令行，而后在判断是否成功。

这里我使用msysGit的Bash窗口来进行操做的。

配置Git参数

安装完Git后，须要配置本地Git的参数，右键一个文件夹，而后选择Git Bash，打开Bash窗口，而后

而后咱们来设置Git的姓名和邮箱：

 
 
 
 
  
  
  
  1
  
  
  
  2
 
 
 
 
git config --global user.name "Firstname Lastname" git config --global user.email "your_email@example.com"

配置完成后，会在~/.gitconfig中生成相应的本地Git配置信息。

添加SSH Key

GitHub上链接已有仓库是验证是经过SSH的公开密钥进行认证的，在这里咱们来生成咱们本身的SSH Key，输入下面的命令，输入完后回车，会让你输入密钥的文件名和密码，系统会在/Users/your_user_directory/.ssh/x下生成私有密钥id_rsa和公开密钥id_rsa.pub

 
 
 
 
  
  
  
  1
 
 
 
 
ssh-keygen -t rsa -C "your_email@example.com"

咱们能够看到生成的文件

id_rsa文件内容是这样的，由-----BEGIN RSA PRIVATE KEY-----开始，和-----END RSA PRIVATE KEY-----结束

id_rsa.pub的内容是这样的，由ssh-rsa开头的

而后咱们在GitHub上面添加本地SSH密钥信息，在右上角选择Settings进入设置界面

而后选中SSH and GPG keys，点击New SSH key

Title能够随便填，打开公开密钥id_rsa.pub，复制里面的内容到Key里面，填完密钥后，点Add SSH key就OK了。

ssh-agent

咱们要经过ssh-agent来添加刚刚建立的密钥，来登录GitHub，ssh-agent是一种控制用来保存公钥身份验证所使用的私钥的程序，经过输入下面两条命令添加，第一条命令是反引号`，不是单引号’

 
 
 
 
  
  
  
  1
  
  
  
  2
 
 
 
 
eval `ssh-agent -s` ssh-add hexo_rsa（上面建立的密钥文件名）

而后咱们登录一下GitHub，看是否登录成功

 
 
 
 
  
  
  
  1
 
 
 
 
ssh -T git@github.com

登录成功~~~

Hexo框架

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其余渲染引擎）解析文章，在几秒内，便可利用靓丽的主题生成静态网页。
安装Hexo须要用到npm，而安装npm则须要安装Node.js，Node.js能够在官网下载，下载完成直接安装，而后经过命令行来判断是否安装完成

npm设置淘宝NPM镜像，来提升下载速度

 
 
 
 
  
  
  
  1
 
 
 
 
npm install -g cnpm --registry=https://registry.npm.taobao.org

设置完镜像后，就能够安装Hexo了

 
 
 
 
  
  
  
  1
 
 
 
 
npm install -g hexo-cli

而后用命令行查看是否安装成功

 
 
 
 
  
  
  
  1
 
 
 
 
hexo -version

接下来咱们须要建立一个文件夹，文件名随意，也能够在已存在的文件夹里面，可是里面必须是什么文件都没有，而后进入到文件夹里面，来初始化Hexo

 
 
 
 
  
  
  
  1
 
 
 
 
hexo init

若是没有出现错误，那么咱们的Hexo博客框架就安装完成了，生成的目录内容以下，其中_config.yml是网站的配置信息，咱们大部分的参数都是在这个文件里面修改

接下来咱们来启动Hexo服务

也能够开启debug模式，debug模式能够实时更新，方便查看修改后的结果。

 
 
 
 
  
  
  
  1
 
 
 
 
hexo s --debug

而后咱们在浏览器上输入localhost:4000来打开Hexo

Hexo经常使用命令

new

若是咱们要建立一篇文章的话，咱们能够经过new命令来建立，也能够直接在博客目录下面的\source\_posts里面建立markdown文件。

 
 
 
 
  
  
  
  1
 
 
 
 
hexo new [layout] <title>

若是标题包含空格的话，请使用引号括起来。

generate

generate命令是用来生成静态文件的，在咱们发布到GitHub的仓库的时候，须要先生成，才能上传。

 
 
 
 
  
  
  
  1
 
 
 
 
hexo generate

能够简写为

server

开启服务器，网址为http://localhost:4000

 
 
 
 
  
  
  
  1
 
 
 
 
hexo server

一样能够简写为

deploy

部署网址，上传到咱们的GitHub的仓库上面。

 
 
 
 
  
  
  
  1
 
 
 
 
hexo deploy

一样能够简写为

clean

清除缓存文件 (db.json) 和已生成的静态文件 (public)。在某些状况（尤为是更换主题后），若是对站点的更改不管如何也不生效，运行该命令。

 
 
 
 
  
  
  
  1
 
 
 
 
hexo clean

Hexo配置Git

咱们要上传GitHub必需要先设置一些内容，打开博客目录下面的配置文件_config.yml，找到deploy，而后在type那里输入git，在repo那里输入咱们的仓库地址，在branch那里输入master，message为上传日志，可不写

通常咱们上传到GitHub的时候咱们用这条命令来执行，生成静态文件而且部署到服务器。

上传完成以后，咱们能够在博客文件夹里面的.deploy_git目录管理咱们的仓库文件，那么咱们上面就不须要Clone仓库下来了。

下一步咱们来经过域名解析GitHub主页地址来访问我的博客。

域名

在本地搭建完我的博客后，咱们就要将代码上传到咱们的GitHub仓库上面去，而后咱们就能够经过your_username.github.io来访问咱们的博客主页了，可是咱们若是要修改GitHub的域名的话是改不了的，只有咱们本身去购买域名，而后经过域名解析将咱们的GitHub主页的域名解析到咱们本身买的域名上面，这样咱们就能够经过咱们自定义的域名来访问咱们的博客了。

购买域名

购买域名能够在域名提供商购买一个价格合适的我的域名，在这里我用阿里云的上注册购买，阿里云直接用支付宝登录就行，并且还有部分域名能够1元首年购买的优惠，打开阿里云域名注册官网，而后输入本身想要的域名，固然你也能够选中1元的域名，输入完点查询

而后选择本身想要的域名，加入清单，而后支付

支付完成后咱们点击右上角的控制台，进入咱们的管理界面，而后打开域名与网站（万网），里面就能看到咱们刚刚购买的域名了

绑定域名

购买完域名后，咱们须要在博客目录下的\source目录下创建CNAME文件（没有后缀名、所有大写），写入你所购买的域名地址。这里我写入的www.jowanxu.top。

而后咱们来绑定咱们的GitHub主页，继续在阿里云管理控制台，而后选择云解析DNS选项界面

而后点击咱们的域名，进入解析设置

默认会有两个解析，一个是CHAME，一个是A，CHAME里面输入咱们的GitHub主页your_username.github.io，A那里输入咱们GitHub主页的IP，如何获取主页IP呢，经过命令行的ping来获取

而后保存就OK啦。

GitHub设置

上面弄完以后，咱们还须要在咱们GitHub仓库上面修改咱们的source，才能搞定，打开咱们的仓库，而后点击Settings

而后找到GitHub Pages，将source改成master branch，而后保存

而且填入咱们本身购买的域名地址，而后保存

而后咱们就能收到建立成功的邮件了。

最后咱们的GitHub Pagers里面是这样子的，证实成功了

而后咱们就能经过本身购买的域名来直接访问到咱们放在GitHub上面的我的博客了，如个人博客。

若是你以为默认自带的主题很差看，能够本身去捣鼓其余的主题，Hexo支持特别多的主题，能够在这个网址上选择本身喜欢的，我这里用到的主题是NexT主题。