抱歉,您的浏览器无法访问本站

本页面需要浏览器支持(启用)JavaScript


了解详情 >

​ 经历了数次失败,现开门见山的讲述使用Github 和 Hexo 搭建属于自己的博客

准备工作

安装Node.js

通过官网下载或下载学长发的安装包解压Node.js安装包即可

安装Git

通过官网下载或下载学长发的安装包解压GIT安装包即可

检查GIT是否安装成功

找到GIT对应文件夹

找到git-bash并打开

输入:

1
2
3
git --version
node -v
npm -v

若有提示对应的版本号,则Git安装成功!

注册Github账号

进入GitHub官网 点击 sign up注册账号(人机验证或许需要科学上网?可通过安装浏览器插件解决)

此时GitHub会向你的邮箱发送验证电子邮箱地址,点击确认。

创建repository

点击new repository 注意repository name 是

你的github账号名.github.io

勾选Add a README file

点击creating repository.创建仓库

安装本地Hexo

新建文件夹

首先在你想要在本地放blog的地方新建blog文件夹

并对文件夹右键

点击Git Bash Here(功能类似与cd blog)

安装hexo

输入:

1
2
npm install hexo-cli -g
npm install hexo-deployer-git --save

输入:

1
2
rm -rf *  (此语句的作用是清空当前目录下的所有东西,谨慎使用,一定要在对应的blog下。)
hexo init

检验效果(预览blog)

下面来检验一下效果:

1
2
hexo g
hexo s

若git提示下列代码则说明成功:

1
INFO Hexo is running at http://0.0.0.0:4000/. Press Ctrl+C to stop.

在浏览器输入 http://localhost:4000/ 查看预览效果(Ctrl+C可以关闭预览)

如果显示预览效果是 404 那么大概率是端口被占用了

再换一个端口试试看:

1
hexo s -p 5000

此时本地blog就搭建好了,但只能自己访问。我们需要将blog部署到github上,来让更多人访问到我们的blog。

将hexo部署至github

配置SSH密钥

对blog文件夹右键,点击Git Bash Here 输入:

1
ssh-keygen -t rsa -C "your email@example.com" 

注:”your email@example.com“ 是你的邮箱,eg:

1
ssh-keygen -t rsa -C "xxx@qq.com"

接下来连续按三次回车,会出现一系列字符串

运行以下命令:

1
clip < ~/.ssh/id_rsa.pub

将密钥保存至粘贴板

或打开.ssh/id_rsa.pub文件直接复制密钥

在github账户上添加密钥

此处因没有图片 自行百度

测试是否成功

输入:

1
ssh -T git@github.com

接着会提示你

1
Are you sure you want to continue connecting(yes/no)?

输入yes

若提示

1
Hi 你的用户名!You've successfully....

配置git个人信息

输入:

1
2
git config --global user.name "此处填你的用户名"  
git config --global user.email "此处填你的邮箱"

此时本机已经成功与github连接

将本地的 Hexo 文件更新到 Github 中

修改_config.yml文件配置

用编程软件打开_config.yml(记事本也可以)

我这里用的是vs

找到关键字deploy(在最下面)

注意:”:“后要空一格

1
2
3
4
deploy:
type: git
repository: git@github.com:dinosauryes/dinosauryes.github.io.git
branch: main

repository比葫芦画瓢将dinosauryes改为自己的github用户名

安装deployer

在命令框中输入:

1
2
npm install hexo-deployer-git --save
hexo g -d

测试

在网址输入https://你的GitHub用户名.github.io 完成

心得:不要轻言放弃!!!我重新安装了三次终于成功了。

岁月悠悠 衰微只及肌肤

热忱抛却 颓废必至灵魂

评论