从零开始搭建静态个人博客(windows环境)

一.配置环境

1.安装Node.js

打开Node官网

点击下载首页的安装包,建议选择左边的稳定版本。

node安装包

安装过程保持默认即可

2.安装Git

打开Git官网

下载 安装包选择

安装过程依然保持默认即可

二.安装hexo

在心仪的地方新建一个文件夹,以后这个文件夹就存放所有你的博客的资源。

我的博客文件夹地址

打开你的文件夹,此时应该是空的,什么也没有。此时,在空白处右键,选择 Git Bash Here ,会弹出来一个命令行的输入框。

命令行

先输入node -v并回车,再输入npm -v并回车,检查相关环境是否配置好,如果出现错误则重新安装Node。

查看环境

安装cnpm来提速

在上面的命令行中继续输入以下命令并回车

npm install -g cnpm --registry=https://registry.npm.taobao.org

建议复制过去命令行,命令行中ctrl+v无法粘贴,可以使用鼠标右键,选择paste

稍等一会(约40s)安装完成后,输入cnpm测试是否配置成功

cnpm测试

安装hexo

cnpm配置后安装hexo,在命令行中继续输入

cnpm install -g hexo-cli

安装完成后输入hexo -v并回车,若出现下图,则成功。

hexo -v

初始化hexo

最重要的命令来了,继续输入hexo init并回车,此时会自动往文件夹里面下载博客所需的文件。

hexo init

此时你的博客文件夹中会多出来这些文件。

博客文件夹

三.运行测试

每次我们对博客的文件进行修改并上传时,要用到以下命令:

hexo clean  #用来清理缓存文件
hexo g      #生成文件
hexo  s     #运行本地服务器
hexo  d     #上传到服务器

初始化hexo之后,我们继续输入hexo s

hexo -v

打开浏览器,输入http://localhost:4000(注意,不要在命令行中使用ctrl+c,否则会终止命令,若要复制,可以右键copy)

hexo界面

若出现如图网站,那么恭喜你,hexo博客你已经初步搭建成功,不过现在你还只是完成了整套的框架,并且部署在了本地。

四.上传部署

请看博客系列下一篇:

最后修改:2020 年 02 月 11 日 03 : 41 PM
如果觉得我的文章对你有用,请随意赞赏