准备工作 Link to heading
-
安装node
-
安装git
-
配置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
-
打开博客的配置文件,根目录下面的
_config.yml
-
找到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