发布于 

博客搭建教程

手把手教你安装 Node 与 Git,并使用 hexo 搭建、发布、部署你的博客

本站使用 Hexo搭建,查看 官方文档 了解更信息。 如果你在使用 Hexo 过程中遇到了问题, 你可以在问题解答中寻找答案,或者去GitHub提交 issues。

准备工作

如果你第一次使用,请按步骤安装NodeGit,如果您已经安装了,可跳转至 安装 Hexo 继续查看。

安装 Node

建议使用nvm安装并管理Node,或去官网直接下载

  • 下载并安装nvm

  • 设置nvm的镜像源

1
2
3
4
5
6
7
8
$ where nvm # 查找nvm的安装位置
# 示例路径:\Users\myname\AppData\Roaming\nvm\nvm.exe

# 找到该路径下setting.txt文件,打开并添加两行代码
node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror: https://npmmirror.com/mirrors/npm/

# 保存setting.txt文件后,重启cmd继续执行其他操作
  • 开始安装Node.js
1
2
3
4
$ nvm install 16.0.0  # 安装node16.0.0版本,可以根据自己的实际需求选择对应版本
$ nvm list # 查看已安装的Node列表
$ nvm use 16.0.0 # 使用指定版本的node
$ nvm nvm uninstall 16.0.0 # 不需要某个版本,可卸载指定版本node
  • 检查安装情况
1
2
$ node -v # 查看node版本,显示版本号表示已经安装成功
$ npm -v # 查看npm版本,显示版本号表示已经安装成功
  • 修改镜像源
    默认使用国外镜像,下载慢或下载失败
1
2
$ npm config get registry # 查看镜像源
$ npm config set registry https://registry.npmmirror.com/ # 全局修改镜像源(淘宝镜像源)
  • 安装 cnpm
1
$ npm i cnpm -g # 全局安装淘宝cnpm包管理器

更多信息可参考:Node 包管理使用全教程

安装 Git

更多信息可参考:Git 不完全使用指南

安装 Hexo

1
$ npm install -g hexo-cli

创建项目

1
2
3
$ hexo init <folder>  # 初始化项目
$ cd <folder> # 进入项目根目录
$ npm install # 安装依赖

建议使用cnpm进行安装

快速开始

创建新文章

1
$ hexo new "My New Post"

更多信息可参考: 写作

启动服务器

1
$ hexo server

更多信息可参考: 服务器

生成静态文件

1
$ hexo generate

更多信息可参考: 生成器

发布网站

在发布之前,需要先安装一个依赖,再执行部署

1
2
3
$ npm install hexo-deployer-git --save # 安装部署依赖
$ hexo deploy # 开始部署
$ hexo clean && hexo deploy # 一键部署

更多信息可参考: 部署


本站由 @ajaxsync 使用 Stellar 主题创建。
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。