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

·  阅读 515
用Hexo+Github Pages搭建私人博客(第二站)

这是我参与更文挑战的第2天,活动详情查看:更文挑战

Sometimes God doesn't give you what you want, not because you don't deserve it, but because you deserve more.有时候,上天没有给你想要的,不是因为你不配,而是你值得拥有更好的。

(juejin.cn/post/696719…)

image.png

往期推荐:用Hexo+Github Pages搭建私人博客(第一站)

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

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

一.Git和Node.js安装

我们要先配置好环境以及检查Git和Node.js是否安装成功:

小编做了一个小小的视频:视频地址

二.下载Hexo

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

npm install hexo-cli -g

npm install hexo-deployer-git --save

运行情况如下(运行可能会比较慢): image.png

To:建议大家在新建文件夹时最好是用英文Blog,不然可能会出现上面乱码的情况。

运行完成后在此文件夹中会出现新的文件,如下:

image.png

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

文件路径如下: image.png

在Git中输入如下命令:

hexo init

运行结果如下(运行会有点慢):

image.png

下载完成后在文件中会出现如下文件:

image.png

三.本地查看效果

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

hexo generate

hexo server

运行结果如下:

image.png

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

然后我们在游览器中输入上述网址即可查看效果:

image.png

到这步恭喜你本地部署已经完成了。

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

未完待续...

分类:
前端
标签:
分类:
前端
标签:
收藏成功!
已添加到「」, 点击更改