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

2020-12-15 10:31:13 浏览数 (1)

Sometimes God doesn't give you what you want, not because you don't deserve it, but because you deserve more.

有时候,上天没有给你想要的,不是因为你不配,而是你值得拥有更好的。

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

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

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

Git和Node.js安装

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

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

BGM:你最初的/Something Just Like This

下载Hexo

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

代码语言:javascript复制
 $ npm install hexo-cli -g  
 $ npm install hexo-deployer-git --save  

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

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

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

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

文件路径如下:

在Git中输入如下命令:

代码语言:javascript复制
hexo init

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

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

本地查看效果

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

代码语言:javascript复制
hexo generate
hexo server

运行结果如下:

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

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

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

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

未完待续...

0 人点赞