博客搭建(二)
Hexo 安装
安装 Node.js
Hexo 是基于 Node.js 运行的,所以需要先安装 Node.js。
Node.js 可以在 Node.js 官网 下载。
安装 Hexo
安装 Hexo 非常简单,只需要在命令行中运行以下命令:
全局安装
1 | npm install -g hexo-cli |
局部安装(进阶,新手不推荐)
1 | npm install hexo-cli |
初始化博客
安装完成后,就可以初始化博客了。在放置博客的文件夹中打开命令行,运行以下命令:
1 | hexo init <blog-name> |
其中,<blog-name>
是你博客的名称,可以根据自己的喜好来命名。
启动博客
初始化完成后,就可以启动博客了。在命令行中运行以下命令:
1 | hexo server |
启动完成后,就可以在浏览器中访问 http://localhost:4000
来查看博客了。
通常在日常博客开发中我会使用以下组合命令:
1 | hexo clean |
其中,hexo clean
用于清除缓存,hexo generate
用于生成静态文件,hexo server
用于启动博客。
Git 存储博客代码
很多人会直接用 GitHub Page 来部署发布自己的博客,但是受限于防问速度,我会先将博客代码存储在 Git 仓库中,然后再用 Netlify 来部署发布。
安装 Git
Git 可以在 Git 官网 下载。
安装完成后,需要配置 Git。在命令行中运行以下命令:
1 | git config --global user.name "<username>" |
其中,<username>
是你的 GitHub 用户名,<email>
是你的 GitHub 邮箱。
创建 GitHub 仓库
首先,需要在 GitHub 上创建一个仓库,仓库的名称为 <username>.github.io
,其中 <username>
是你的 GitHub 用户名。
初始化 Git 仓库
在博客文件夹中打开命令行,运行以下命令初始化 Git 仓库:
1 | git init |
添加远程仓库
在博客文件夹中打开命令行,运行以下命令添加远程仓库:
1 | git remote add origin <repository-url> |
其中,<repository-url>
是你的 GitHub 仓库的 URL。
提交代码
在博客文件夹中打开命令行,运行以下命令提交代码:
1 | git add . |
推送代码
在博客文件夹中打开命令行,运行以下命令推送代码:
1 | git push -u origin master |
推送完成后,就可以在 GitHub 上查看博客代码了。
部署博客到 Netlify
Netlify 是一个静态网站托管服务,它可以帮助我们快速部署静态网站。
首先,需要在 Netlify 上创建一个账号。
然后,需要在 Netlify 上创建一个新的站点。依次点击:
- Projects
- Add new project
- Import an existing project
- 选择 GitHub
- 登录链接并选择前面上传的博客代码仓库
- 在 Build command 中输入
npx hexo generate
- 在 Publish directory 中输入
public
- 点击 Deploy site 等待部署完毕即可访问了