用Hexo+Github Pages搭建私人博客(玩转私人博客第二站)

在第一站我们了解建博客的大体步骤,从下载安装Git,Node.js开始,一直到在Git上配置好个人信息。

今天就从下载Git和Node.js开始讲解,让小白也能看懂博客任何搭建,教你一步一步走向成功的彼岸!

我们要先配置好环境以及检查Git和Node.js是否安装成功(相关安装大家可自己百度啦)

下载Hexo

在下载Hexo时,我们需要新建一个文件夹,命名为Blog(小编测试用的命名为博客)。然后在此文件夹下右键找到Git Bash Here并打开,分步执行如下命令:

 $ npm install hexo-cli -g  
 $ npm install hexo-deployer-git --save  

运行情况如下(运行可能会比较慢):
在这里插入图片描述
To:建议大家在新建文件夹时最好是用英文Blog,不然可能会出现上面乱码的情况。``

运行完成后在此文件夹中会出现新的文件,如下:
在这里插入图片描述

然后我们需要在Blog文件里再新建一个文件夹,命名为Hexo。在此文件中继续右键找到Git Bash Here 并打开。

文件路径如下:
在这里插入图片描述

在Git中输入如下命令:

hexo init

运行结果如下(运行会有点慢):
在这里插入图片描述

下载完成后在文件中会出现如下文件:
在这里插入图片描述

本地查看效果

分步执行如下命令,即可通过http://localhost:4000查看效果:

hexo generate
hexo server

运行结果如下:
在这里插入图片描述

我们最后看到有http://localhost:4000出现即成功了。

然后我们在游览器中输入上述网址即可查看效果:
在这里插入图片描述
到这步恭喜你本地部署已经完成了。

接下来便是部署到Github上,并配置SSH密钥以及个人信息。完成后我们便拥有了自己的网站啦,也可以随时记录自己的生活记录。

猜你喜欢

转载自blog.csdn.net/m0_46259251/article/details/108689215
今日推荐