利用Hexo和Github搭建自己的博客(macOS)

环境准备

1.下载Node.js和Git
Node.js下载地址: https://nodejs.org/en/
Git下载地址: https://git-scm.com/
2.安装Node.js和Git

安装Hexo

1.新建一个Blog文件夹,然后进入该文件夹

2.通过命令安装Hexo,并检查hexo是否安装成功

3.输入hexo init,初始化该文件夹(时间有点长!)

4.看到后面的"Start blogging with Hexo!"即可

5.输入npm install,安装所需要的组件

6.输入hexo g

7.输入hexo s,开启服务器,访问该网址

8.看到下图就表示Hexo部分成功了

注:若第7步中出现端口被占用的话,hexo server -p 端口号来改变端口号(hexo server -p 5000)

Github配置

1.Github新建项目,项目名格式:账户名.github.io,并且需要勾选Initialize this repository with a README

2.建好之后项目右侧有个settings按钮,点击它,向下拉到GitHub Pages,你会看到那边有个网址,访问它,你将会惊奇的发现该项目已经被部署到网络上,能够通过外网来访问它。

Hexo和Github Pages关联

1.设置Git的user name和email,在Blog文件夹下

2.输入ssh-keygen -t rsa -C “huangchengaiq@qq.com”,连续三个回车,生成密钥,最后得到了两个文件:id_rsa和id_rsa.pub(默认存储路径是:C:\Users\Administrator.ssh)。

3.输入eval “$(ssh-agent -s)”,添加密钥到ssh-agent

4.登录Github,点击头像下的Settings,添加SSH Keys

5.点击new ssh key,将id_rsa.pub文件里的内容复制上去

6.执行ssh -T git@github.com,测试添加ssh是否成功。如果看到Hi后面是你的用户名,就说明成功了

交由github托管

1.修改 _config.yml

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type:

修改为

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: git@github.com:hc0410/hc0410.github.io.git
  branch: master

2.最后安装Git部署插件,输入命令:

npm install hexo-deployer-git --save
# 清楚缓存
hexo clean
# 生成文件
hexo g
# 部署到服务上
hexo d

3.访问hc0410.github.io

绑定自己的域名

如果你想用Github二级域名访问,就无视这一步,如果你想用自己的域名访问,请继续看。

1.在阿里云或者腾讯云上买一个自己的域名,先解析域名的CNAME记录到你的Git二级域名。

2.然后访问你的博客Git项目地址,点击Create new file新建文件,命名CNAME,内容写上你的域名,不要http等。
这时候就可以通过自己的域名访问博客了。

3.一般每次同步到Git的时候,CNAME文件都会消失,这时候我们需要在本地服务器的/Blog/source目录里新建个同样的CNAME文件。这样可以防止CNAME文件消失,导致域名404错误。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值