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

举报
小Bob来啦 发表于 2021/06/11 23:58:28 2021/06/11
【摘要】 Sometimes God doesn't give you what you want, not because you don't deserve it, but because you deserve more.有时候,上天没有给你想要的,不是因为你不配,而是你值得拥有更好的。在第一站我们了解建博客的大体步骤,从下载安装Git,Node.js开始,一直到在Git上配置好个人信息。今天就...

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

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


图片

在第一站我们了解建博客的大体步骤,从下载安装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  

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

图片

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

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

图片

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

文件路径如下:

图片

在Git中输入如下命令:

hexo init


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

图片

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

三.本地查看效果


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

hexo generatehexo server

运行结果如下:

图片

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

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

图片

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

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

未完待续...

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。