分别利用Github和Coding来搭建博客
一、注册Github&Coding
二、环境准备
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 | hexo init blog |
2、生成本地页面并试运行。
1 | hexo clean |
然后打开浏览器,输入地址 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 | ssh-keygen -t rsa -C "xxxxx@xxxxx.com" |
按照提示完成三次回车,即可生成 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 | Coding 提示: Hello XX, You've connected to Coding.net via SSH. This is a personal key. |
即成功连接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 | deploy: |
②、单独部署到Coding
1 | deploy: |
③、Github&Coding
双线部署
1 | deploy: |
4、部署
1 | hexo d |
六、访问博客
1、Github
进入Github
仓库,库点击 Settings
按钮进入仓库设置页面,滑到下面找到 GitHub Pages
项就会看到用户名.github.io
,这就是你的Github
博客网址,至此,你就可以通过用户名.github.io
来进行访问你的博客了。
2、Coding
Coding
的 Pages
服务目前需要实名认证才可以用,实名完后需要在 项目设置
-> 功能开关
里面打开 持续集成
和 持续部署
两项功能:
然后在项目的 持续部署
里面就可以设置静态网站(也就是 Pages
服务)了。
点击 立即发布静态网站
,然后填写下面的相关信息点击保存
此时,Coding
就会给我们已经设置好的访问地址,然后点击一下立即部署
按钮即可通过Coding
给我们的地址来访问你的博客了。