在 上篇 文章中我们学会了

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

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

Untitled

注意：在进行下面的步骤前，请确保你已经按照 https://wangwei.one/posts/personal-blog-building-guide.html 安装好了环境。否则，你将无法完成后续的步骤。

了解 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 仓库

  • 访问 https://github.com/new

    newGitHug

  • 创建仓库 (Repository name)

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

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

    地址形式：[email protected]:usernam/username.github.io.git

    copyadress

​

添加 SSH 公钥

  • 查询本地 ssh 公钥

    1
    2
    $ cat  ~/.ssh/id_rsa.pub    # 查询用户主目录下的
    $ ssh-rsa AAAAB3NzaC1yc2EA4RKxvgPztikVj/YaBXR+AiZPDCpJGh752kw3NMH+lrNhAR5ld919lC4RKxvgPztikip3tbKdFuBgL0CT15JqNB7VIN+kGEN7ggczSAF12PncUVj/YaBXR+AiZPDCpJGhuBK6B3MDIwRpZZWtKcaStJ2Y4CwbsTGFy0WRdyeCWXfXZbyvLw3gMJy9XvB01uPpLcrrm79nDKFkqz5h2DTj7f7h294FtR9XQJH5HoO9bDZdMiEckkBBHaPz4cV8kvjqFxy== [email protected]  		    # 这是一个示例公钥

  • 登录 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: [email protected]: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 命令来同步代码。请参考：