Hexo博客的安装

为了方便你的操作而建议你安装的两款软件

在正式开始之前,建议安装以下两款软件:

VScode(用来查看hexo站点以及主题的配置文件,对了,记得自己去汉化,网上有相关教程)

Typora(用来编辑Markdown文件)

当然,如果你有更好的软件,欢迎留言

为你的博客在你的电脑上找一个家

首先你需要开始安装Hexo博客的一些基础文件,在此之前,你需要在你的电脑上找一块风水宝地,来放置你博客的各种文件

例如:我觉得F盘不错,那么我们就先在F盘新建一个文件夹。名称比如为Blog

(中文名称也可以,只不过后续输入有些麻烦)

开始安装

接下来的一部分部署hexo的步骤,建议使用cmd进行操作

Ctrl+R打开cmd,输入:

1
2
(你的博客所在盘符)+:
例:F:

blog-cmd-1

接下来再输入你的博客文件夹)

1
2
cd (你的博客文件路径)
例:cd Blog

blog-cmd-2

那么这时候,所执行的操作就会在你的这个博客文件夹里面了

接下来继续输入:

1
npm install -g hexo-cli

blog-cmd-3

blog-cmd-4

这个步骤完成之后,你会发现自己创建的文件夹里面没有任何的文件,不要慌,接下来让我们把它释放出来,继续输入:

1
hexo init

blog-cmd-5

blog-cmd-6

如图,如果显示类似界面,且你的博客文件夹有东西了,那就是安装完成了

博客文件夹

预览站点

这个时候呢,你可以关闭cmd了,我们需要看一下你的站点到底长什么样

在博客文件夹空白处右键空白处

右键菜单

选择Git Bash Here

输入

1
2
hexo g
hexo s

git-1

git-2

然后会出来一个http://localhost 开头的地址(我的是 http://localhost:4000

git-3

将这个地址输入浏览器,你就可以得到你的一个本地博客预览的网页了

预览网页

那么想停止预览,修改数据后再次预览,在Git界面按下Ctrl+C即可

stop

修改基本数据

那么想让这个博客打上你的标识,你还需要修改一些文件

右键博客文件夹空白处,选择:用VS Code打开

这时候你会得到这样一个界面:
vs基础界面

打开:_config.yml文件

_config.yml文件

修改这几项数据:

1
2
3
4
5
title: Hexo  #站点名称
subtitle: '' #站点名称后缀
description: '' #站点描述
author: John Doe #作者
language: en #语言

修改完成之后,那么这个站点就有你的标识了,接下来你就可以在相关文件夹里新建md文件,开始写作了

但是这仅仅只是在本地,怎么上传到网络,并且使用域名来访问 ,请见下篇文章