前言和准备

好久之前搭建过一次博客,现在已经忘的差不多了,借此重新搭建一下,顺便回顾一下。

  • 首先我的github上面有我之前的博客项目,不过我想重新来一次,就先clone下来,然后删除该项目。

    5588402895055884036708

  • 找到该项目的settings下的Delete this repository。

55884132472

55884138757

  • 然后点击确认删除该项目

55884055547

  • 需要先装两个软件 git和node.js

    55884248556

    这里注意git的安装

    55884285584

    这样就可以在cmd中操作了,附一个git的安装教程链接,再附一个node.js的安装教程链接

  • 装好之后可以在命令窗口(Win+R, 输入CMD,回车)检查一下,输入和结果如下图所示就安装完成了。

    55884270027

配置

  • 接着对git进行配置,创建ssh key。

    在git中输入ssh-keygen -t rsa,接着按三次回车:

    55884395077

    就会在相应位置生成id_rsa和id_rsa.pub这两个文件,前者是密钥,后者是公钥,用记事本打开id_rsa.pub,复制其中的全部内容,添加到GitHub上,这样本地的id_rsa密钥就可以和GitHub上的id_rsa.pub公钥进行配对,授权成功。

    55884498954

    55884506889

  • SSH key添加之后,就可以在本机输入ssh -T git@github.com进行测试

    55884530680

    可以输入

    1
    2
    git config user.name
    git config user.email

    55884924042

    如果不行

    1
    2
    git config --global user.name "yourname"
    git config --global user.email "youremail"

安装hexo

任意新建一个文件夹,比如blog,然后cd到该路径下,或者直接在该文件夹下右键然后git Bash Here

55884551518

输入npm install -g hexo安装hexo,等待一段时间即可。

接着输入hexo -v检查是否安装成功。

55884605625

接着初始化hexo,输入hexo init

55884624075

再安装npm,输入npm -install

55884665267

我们的目录下就有下面的文件

55884736155

每个目录及文件介绍

输入hexo s 打开hexo服务器,输入http://localhost:4000/我们可以看到如下页面:

55884726179

hexo g之后出现public文件夹

github创建个人仓库

创建一个和你用户名相同的仓库,后面加github.io,只有这样,将来要部署到GitHub page的时候,才会被识别,也就是xxx.github.io。

55884785635

55884827466

将hexo部署到github

打开站点配置文件 _config.yml,翻到最后,修改为

55884840476

这个时候需要先安装deploy-git ,也就是部署的命令,这样你才能用命令部署到GitHub。

55884850002

然后输入

1
2
3
hexo clean //清除了你之前生成的东西
hexo generate //生成静态文章,可以用 hexo g缩写
hexo deploy //部署文章,可以用hexo d缩写

55884859919

55884863074

55884872315

在输入hexo deploy时可能会需要登录,输入用户名和密码即可。

55884868706

然后就能在GitHub上看到自己的项目了,也可以在http://tanruidd.github.io看到博客了。

55884887431

设置个人域名

注册一个阿里云账户,在阿里云买一个域名,我买的是.top结尾的,比较便宜。

选择域名

55884939965

点解析 解析设置

55884946009

添加解析 ip改成github的ip,ip从cmd中ping一下就得到了

55884992461

55884990213

登录GitHub,进入之前创建的仓库,点击settings,设置Custom domain,输入你的域名tanruidd.top

55884966834

然后在你的博客文件source中创建一个名为CNAME文件,不要后缀,内容为你的域名。

最后在在git中输入

1
2
3
hexo clean
hexo g
hexo d

等待一段时间就可以在自己的域名看见博客了。

55885030424

然后就是对博客的配置了,比如修改主题,可以根据需求自行修改。

可以查找hexo命令。

最后更新: 2019年05月26日 15:06

原始链接: http://tanruidd.github.io/2019/05/26/github搭建博客/