Hexo搭建博客步骤详解

Hexo 搭建博客步骤详解(Windows)

一、安装相关程序

1. 安装 Node.js

  • 前往 Nodejs 官网https://nodejs.org/en/
  • 下载安装 Node.js LTS
  • 注:安装时会自动安装 NPM 包管理器。Hexo 是基于 Nodejs 的

2. 确认安版本

  • Win+R 运行 CMD
  • 查看 node 版本。执行:
1
node -v
  • 查看 npm 版本。执行:
1
npm -v

3. 安装 CNPM 管理器

  • 利用 NPM 安装淘宝镜像源的 CNPM。执行:
1
npm install -g cnpm --registry=http://registry.npm.taobao.org
  • 查看 CNPM 版本。执行:
1
cnpm -v

4. 安装 hexo 框架

  • 执行
1
cnpm install -g hexo-cli
  • 查看 hexo 版本。执行:
1
hexo -v

二、搭建本地博客环境

1. 创建 blog 目录

  • 将 CMD 路径切换至目标位置

    例:切换至 D 盘则执行 D:

  • 创建 blog 目录。执行:
1
mkdir blog
  • 进入 blog 目录。执行:
1
cd blog

2. 创建及本地运行博客

  • 使用管理员权限初始化博客。执行:
1
sudo hexo init

注:需等待一段时间来安装

  • 启动本地博客服务。执行:
1
hexo server

三、编写博客文章

1. 使用 CMD 编写

  • 创建新的文章。执行:
1
hexo new 文件名称
  • 创建成功会提示文件位置

    如:D:\Blog\source_posts\文件名称.md

  • 切换当前位置到_posts 目录。执行:

1
cd source\_posts\
  • 编辑创建的 MD 文档。执行:
1
vim 文件名称.md

2. 使用其他软件编辑博客文档

  • 写好的文档必须放在\Blog\source_posts\目录下
  • 文件类型必须是”.MD”,所以需要用 Markdown 的格式来编写才能呈现效果

四、部署GitHub

1. 在Github创建一个新的仓库 YourGithubName.github.io

2.在Blog目录下安装Git部署插件。执行:

1
cnpm install --save hexo-deployer-git

3.设置Blog目录下的_config.yml文件

1
2
3
4
5
6
7
8
#配置文件最底部

#Deployment
##Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: https://github.com/YourGithubName/YourGithubName.github.io.git
branch: master

4.部署到远端。执行:

1
hexo deploy

根据提示输入Github账号密码进行登录,等待完成后即可访问https://YourGithubName.github.io查看

五、常用命令汇总

命令 用途
node -v 查看 node 版本
npm -v 查看 npm 版本
cnpm -v 查看 cnpm 版本
hexo -v 查看 hexo 版本
mkdir “” 创建目录
cd “” 切换路径
hexo clean 清理博客
hexo generate 生成
hexo server 启动博客
hexo deploy 部署到远端(如 GitHub)

  • 版权声明: 本博客所有文章除特别声明外,著作权归作者所有。转载请注明出处!
  • Copyrights © 2021-2022 Cooper
  • 访问人数: | 浏览次数:

请我喝杯咖啡吧~

支付宝
微信