使用github+hexo搭建个人博客

写在前面

github pages 是github提供的免费服务 可以得到一个静态站点 这里我用hexo 当然你也可以用其他的博客框架 假如不喜欢折腾的话可以用虚拟主机+wordpress 对新手比较友好

建立仓库

首先需要一个github账号 如果没有可以去注册一个

主页

注册或登陆后在右上角 + 号处新建一个仓库（New repository）


新建

注意 仓库名称应和你的github用户名相同 是你注册的那个不是昵称！比如说我的用户名是moren-test 我的仓库名就是moren-test.github.io

同时选择公共 不然给谁看呢

那么我们的仓库就建好了

建立本地环境

由于是静态页面 所以需要在本地生成上传

安装 node.js 和 git

由于我用的是linux所以直接命令安装

1
sudo dnf install nodejs npm git

windows可以去官网下载：node.js 和 git 无脑下一步就完了

建立本地文件夹

新建一个文件夹

右键 在终端打开 （windows是Git Bash Here）我们以后的命令都在这里运行

连接github

绑定邮箱账号

1
2
git config --global user.name "GitHub 用户名"
git config --global user.email "GitHub 邮箱"

生成ssh密钥

1
ssh-keygen -t rsa -C "GitHub 邮箱"

进入用户名下的.ssh文件夹（windows：C:\Users\用户名.ssh | linux：/.ssh）

注意 ：.ssh是隐藏文件夹

用记事本打开id_rsa.pub拷贝其中内容

打开github的ssh设置 新建ssh密钥



Title 随便取 粘贴复制的 id_rsa.pub 内容到 Key 中 点击 Add SSH key 完成添加

验证安装

输入

1
ssh -T git@github.com

看到successfully基本上成功了

安装hexo

输入

1
2
npm config set registry http://registry.npmmirror.com
sudo npm install -g hexo-cli

(windows不需要加sudo mac/linux需要)

初始化

初始化hexo

1
2
3
hexo init 
npm install
npm install hexo-deployer-git --save

打开 _config.yml 修改文件末尾：

1
2
3
4
deploy:
  type: git
  repository: git@github.com:用户名/用户名.github.io.git
  branch: master

这里我用的是master分支 所以将页面改为master

测试，上传页面

1
2
hexo g      #生成页面
hexo s      #本地预览

浏览器打开http://localhost:4000 就可以看到hexo的初始界面了

完成

使用

1
hexo d

上传

然后打开https://用户名.github.io就可以看到我们的博客了
到这里就搭建完成了 其他的如主题可以找其他的教程了（也许我以后会写的吧）