准备工作 Link to heading

  1. 安装node

  2. 安装git

  3. 配置git

node和git安装好以后,命令行依次输入node -v npm -v git --version如果返回版本号则安装成功,然后开始配置git的邮箱和名字,把下面命令中的名字和邮箱替换成自己的就行

git config --global user.name "John Doe"

git config --global user.email johndoe@example.com

搭建博客 Link to heading

安装hexo Link to heading

npm install hexo-cli -g

开始搭建 Link to heading

hexo init 项目名

cd 项目名

npm i

生成静态页面 Link to heading

hexo g

启动本地服务 Link to heading

hexo s

访问url,这时你应该就看到自己创建的hexo博客,目前只有一个测试博文,主题也是默认的。

更换主题 Link to heading

写作 Link to heading

注:hexo只支持md语法

在你写完的md文件的头部加入标识才可以被hexo正确识别并生成静态文件,标识一般分为文章标题、文章时间、标签,下面是这篇博文的文章标识,机子tags要有缩进。

---
title: hexo博客搭建写作上传教程
date: 2019-08-01
tags:
  - hexo
  - github
---

文章标识可以根据主题进行自定义,前提是你有一定的前端编码能力。由于本文是入门教程就不谈这些了。

当你加入了标识后,把这个md文件复制到/source/_posts文件夹中,md的文件名没有要求和文章名字没有关系。

部署github Link to heading

注:hexo博客可以部署到许多平台,具体请看官网教程

安装部署插件 Link to heading

打开命令行并进入博客根目录,输入下面命令安装插件

npm install hexo-deployer-git --save

配置github地址 Link to heading

  1. 打开博客的配置文件,根目录下面的_config.yml

  2. 找到deploy这个配置项,如果没有直接写一个,然后按照下面配置

deploy:
  type: git
  repo: git库路径
  branch: 分支(不写代表主分支)

# example
deploy:
  type: git
  repo: https://github.com/blogwy/blogwy.github.io.git
  branch:

生成博客并部署 Link to heading

# 生成博客
hexo g

# 在上传前最好先启动本地服务,看一下效果
hexo s

# 部署
hexo d