软件和账号

点击查看软件和账号
  • 安装以下软件:git,nodejs,hexo

  • 一个github账号

1_1

github操作

点击查看GitHub操作教程

创建gihub仓库

  1. 登入到github账号,点击new (首次创建点create repository)
  2. 在Repository name处照抄左边owner名字+.github.io;必须是”.github.io”结尾
  3. 勾选ADD a README file
  4. 点击下面的Create repository

有了仓库后,进入你的仓库,点code的下拉按钮,选择ssh,这里的ssh链接后面会用到。

获取github的token

参考这篇博客

注意:保存好token,退出生成的token页面后就再看不到了!!

git命令行操作

点击查看git命令行操作

建立博客根目录

  1. 选择一个盘符新建Blog文件夹作为Hexo的根目录。例如我选择在“f:/Blog”
  2. 进入”f:/Blog”,右键Git Bash Here
  3. 输入hexo init(初始化博客,这时会在Blog文件夹下生成文件)
  4. 输入npm install(安装相关依赖)
  5. 输入hexo clean (清除缓存)
  6. 输入hexo g(生成静态网页)
  7. 输入 hexo s (预览网站)

1_22

以上没有问题,会给出本地地址,用它可以访问本地网页。

获取访问github权限

配置git,在桌面右键Git Bash Here,依次输入下面两条命令:

1
2
git config --global user.email "此处填写注册github账号的邮箱"
git config --global user.name "此处填写github账号的用户名"

成功后会在你的”C://user/你的用户名”下有.gitconfig文件。强烈建议找文件使用everything

配置SSH

​ 在桌面右键Git Bash Here,输入命令:

1
ssh-keygen -t rsa -C "你的github邮箱"

​ 然后,一路enter,按三次enter。会生成.ssh文件,找到它,这里面的id_rsa.pub就是ssh密钥。

简单图床 - EasyImage

​ 进入你的github账户,在屏幕右上角你的头像上点击下拉箭头,找到settings,点击进去。点击SSH and GPG keys。把你的SSH复制进去。

简单图床 - EasyImage

修改站点配置文件_config.yml

首先找到Blog文件夹下的_config.yml,用notepad++或者其他编辑器打开,都没有用记事本打开。

修改默认url

之前创建的github仓库,点setting,点pages,就能看到链接。把它复制到这里。

1_3

修改deploy

首先进入网站根目录Blog右键Git Bash Here。输入

1
npm install hexo-deployer-git --save  

修改站点配置文件_config.yml的deploy,如果找不到deploy,可以自己写

1_2

repo处输入之前创建好的仓库SSH链接

branch处的输入有争议,我看到的教学有输入master的,也有说master不再适用,需要输入main。

个人情况说明:我在branch处输入main后,确实部署成功,但是有问题,部署到github的网页显示与本地不一样。我发现github仓库的默认branch是gh-pages,所以尝试了下改成上图的gh-pages重新部署一遍,问题解决。所以在创建完仓库后,一定要看看你自己仓库默认的branch是啥,上图的branch要与github默认的一致!!!每个人可能不一样。现在大多数都是main

开始部署

​ 依次输入下面命令

1
2
3
hexo clean
hexo g
hexo d

​ 然后,会弹出要你登录github的对话框,弹窗有两个登录选择,一个是账号登录,一个是token登录。一 定选择token,选择账号无法登录,还得重新来一遍。

​ 如果此步之后没有弹出登录对话框,说明有错误。

部署时可能遇到的问题和解决方法

点击查看个人部署时遇到的问题和解决方法
  • SpawnFailed错误

参考了小豆同学的解决方法一,再次配置了一遍git。解决了。

  • 通过github访站点发现没有样式,与本地访问不一样。

参考博文,这篇博文提醒了修改branch。问题解决的关键就是github仓库默认的branch是啥,站点配置文件_config的deploy处就输入啥,只要输入的和github默认的保持一致即可。下图点进去就能看到默认的branch。我的这里面有一个是之前在配置文件里面添加的main,另一个是默认额gh-pages。

1_5