个人博客搭建指南(二)

上篇 文章中我们学会了

  • 如何在自己的电脑搭建博客
  • 如何使用Markdown语法写博文

接下来,我们学习如何让别人也能访问你的博客,这就需要我们将博客放到一个全世界人民都能访问的地方去——GitHub

Untitled

注意:在进行下面的步骤前,请确保你已经按照 http://t.cn/RSSaUQt 安装好了环境。否则,你将无法完成后续的步骤。

了解GitHub Pages

GitHub Pages is a static site hosting service.(静态站点托管服务)

GitHub Pages is designed to host your personal, organization, or project pages directly from a GitHub repository.

详见:

创建GitHub仓库

创建GitHug仓库,用于存放自己电脑上的博客站点文件,供他人访问。

登录GitHub
创建GitHub Pages仓库
  • 创建仓库(Repository name)

    注意:Repository name 的命名格式:username.github.io,其中username为你的github登录的用户名。例如:我的github的登录名为BorderTravelerX,那么我的GitHub Pages仓库名称为BorderTravelerX.github.io,如图(*为必填):

  • 获取GitHub Pages仓库地址,后面有用。

    地址形式:git@github.com:usernam/username.github.io.git

    copyadress

添加SSH公钥
  • 查询本地ssh公钥

    1
    2
    $ cat  ~/.ssh/id_rsa.pub    # 查询用户主目录下的
    $ ssh-rsa AAAAB3NzaC1yc2EA4RKxvgPztikVj/YaBXR+AiZPDCpJGh752kw3NMH+lrNhAR5ld919lC4RKxvgPztikip3tbKdFuBgL0CT15JqNB7VIN+kGEN7ggczSAF12PncUVj/YaBXR+AiZPDCpJGhuBK6B3MDIwRpZZWtKcaStJ2Y4CwbsTGFy0WRdyeCWXfXZbyvLw3gMJy9XvB01uPpLcrrm79nDKFkqz5h2DTj7f7h294FtR9XQJH5HoO9bDZdMiEckkBBHaPz4cV8kvjqFxy== wangwei@gmail.com # 这是一个示例公钥
  • 登录Github ——> 点击头像 ——> Setting ——> SSH and GPG keys ——> New SSH Key ——> 将上一步查询到的公钥复制到Key文本框中,并填好Title(标题,按照自己喜好)——> Add SSH Key

    sshkey

上传博客文件

  1. 修改hexo配置_config.yml文件
  • 打开 myBlog文件夹下的_config.yml文件。

    myBlog 为你的hexo目录地址

  • 配置deploy项,替换 repo为你的实际仓库地址。

    1
    2
    3
    4
    5
    6
    7
    8
    ...

    deploy:
    - type: git
    repo: git@github.com:usernam/username.github.io.git
    branch: master

    ...
  1. 安装git插件

    1
    $ npm install hexo-deployer-git --save
  2. 上传博客文件

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    $ cd myBlog							# 进入博客目录
    $ hexo clean && hexo g && hexo d # 重新生成博客文件并上传至GitHub

    等待出现如下信息,说明上传成功
    INFO Deploying: git
    INFO Clearing .deploy_git folder...
    INFO Copying files from public folder...
    [master 8af93cc] Site updated: 2017-06-08 18:14:59
    11 files changed, 95 insertions(+), 87 deletions(-)
    rewrite content.json (88%)
    rewrite index.html (61%)
    rewrite "\344\270\252\344\272\272\345\215\232\345\256\242\346\220\255\345\273\272\346\214\207\345\215\227\357\274\210\344\272\214\357\274\211.html" (95%)
    To https://github.com/BorderTravelerX/bordertravelerx.github.io.git
    + c9d2efe...8af93cc HEAD -> master (forced update)
    Branch master set up to track remote branch master from https://github.com/BorderTravelerX/bordertravelerx.github.io.git.
    INFO Deploy done: git
  3. 浏览器访问新的博客地址:username.github.io,如果能看到和你本地一样的页面,恭喜你,上传成功。

    注意:username.github.io 为你的实际仓库地址

同步Github仓库

如果你的博客最终是部署到服务器上的,并且希望 username.github.io 仓库有代码更新时,服务器上会自动执行git pull 命令来同步代码。请参考:

请我喝杯咖啡吧~