hexo博客搭建写作上传入门教程

准备工作

  1. 安装node

  2. 安装git

  3. 配置git

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

1
2
3
git config --global user.name "John Doe"

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

搭建博客

安装hexo

1
npm install hexo-cli -g

开始搭建

1
2
3
4
5
hexo init 项目名

cd 项目名

npm i

生成静态页面

1
hexo g

启动本地服务

1
hexo s

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

更换主题

写作

注:hexo只支持md语法

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

1
2
3
4
5
6
7
---
title: hexo博客搭建写作上传教程
date: 2019-08-01
tags:
- hexo
- github
---

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

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

部署github

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

安装部署插件

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

1
npm install hexo-deployer-git --save

配置github地址

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

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

1
2
3
4
5
6
7
8
9
10
deploy:
type: git
repo: git库路径
branch: 分支(不写代表主分支)

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

生成博客并部署

1
2
3
4
5
6
7
8
# 生成博客
hexo g

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

# 部署
hexo d