一、注册Github&Coding

进入GithubCoding的官网,分别注册一个账号。

二、环境准备

1、去Node.js官网下载对应系统的安装包并安装。
2、给npm换国内镜像源

1
npm config set registry https://registry.npm.taobao.org

3、安装hexo

1
npm install hexo-cli -g

如果出现错误并提示没有权限操作可改用如下命令

1
sudo npm install hexo-cli -g

三、建立本地博客

1、创建博客。

1
2
3
hexo init blog
cd blog
npm install

2、生成本地页面并试运行。

1
2
3
hexo clean
hexo g
hexo s

然后打开浏览器,输入地址 localhost:4000 即可看到效果。

附:主页配置blog/_config.yml

参数 描述
title 网站标题
subtitle 网站副标题
description 网站描述
keywords 网站的关键词。使用半角逗号 , 分隔多个关键词。
author 您的名字
language 网站使用的语言
timezone 网站时区。Hexo 默认使用您电脑的时区。请参考 时区列表 进行设置,如 America/New_York, Japan, 和 UTC 。一般的,对于中国大陆地区可以使用 Asia/Shanghai

更多具体参数请参考官方文档

四、给Github和Coding添加SSH公钥

1、生成SSH公钥

你可以按如下命令来生成 sshkey:

1
2
ssh-keygen -t rsa -C "xxxxx@xxxxx.com"
# Generating public/private rsa key pair...

按照提示完成三次回车,即可生成 ssh key。用记事本打开C:\Users\xxx\\.ssh\id_rsa.pub即可看到生成的公钥。

2、给Github添加SSH公钥

打开Github,点击右上角你的头像然后选择Settings,在左侧栏中找到并点击SSH and GPG keys,然后点击右边的New SSH key,将你第一步生成的SSH key复制进来即可。然后命令行输入

1
ssh -T git@github.com

来测试是否连接成功,如果出现

1
Hi XXX!You've successfully authenticated, but GitHub does not provide shell access.

即成功连接Github

3、给Coding添加SSH公钥

打开Coding,然后点击右上角你的头像然后选择个人设置,在左侧栏中找到并点击SSH公钥,,然后点击右边的新增公钥,将你第一步生成的SSH key复制进来即可。然后命令行输入

1
ssh -T git@e.coding.net

来测试是否连接成功,如果出现

1
2
3
Coding 提示: Hello XX, You've connected to Coding.net via SSH. This is a personal key.
XX,你好,你已经通过 SSH 协议认证 Coding.net 服务,这是一个个人公钥.
公钥指纹:xx:xx:xx:xx:xx:xx:xx:xx:xx:xx:xx:xx:xx:xx:xx:xx

即成功连接Coding

五、将博客部署到Github&Coding上

1、在Github上建立一个仓库,名称为用户名.github.io,在Coding上新建一个代码托管项目,名称填用户名.coding.me
2、安装hexo-deployer-git

1
npm install hexo-deployer-git --save

3、配置blog/_config.yml

①、单独部署到Github

1
2
3
4
deploy:
type: git
repo: git@github.com:用户名/用户名.github.io.git //复制代码仓库里的SSH地址即可
branch: master

②、单独部署到Coding

1
2
3
4
deploy:
type: git
repo: git@e.coding.net:用户名/用户名.coding.me.git //复制代码仓库里的SSH地址即可
branch: master

③、Github&Coding双线部署

1
2
3
4
5
6
7
deploy:
- type: git
repo: git@github.com:用户名/用户名.github.io.git //复制代码仓库里的SSH地址即可
branch: master
- type: git
repo: git@e.coding.net:用户名/用户名.coding.me.git //复制代码仓库里的SSH地址即可
branch: master

4、部署

1
hexo d

六、访问博客

1、Github

进入Github仓库,库点击 Settings 按钮进入仓库设置页面,滑到下面找到 GitHub Pages 项就会看到用户名.github.io,这就是你的Github博客网址,至此,你就可以通过用户名.github.io来进行访问你的博客了。

2、Coding

CodingPages 服务目前需要实名认证才可以用,实名完后需要在 项目设置 -> 功能开关 里面打开 持续集成持续部署 两项功能:

然后在项目的 持续部署 里面就可以设置静态网站(也就是 Pages 服务)了。

点击 立即发布静态网站,然后填写下面的相关信息点击保存

此时,Coding 就会给我们已经设置好的访问地址,然后点击一下立即部署 按钮即可通过Coding给我们的地址来访问你的博客了。