mystory

前言

之前在git上搭建过一套hexo博客系统,但是时间过了两年发现不会玩耍了。
所以准备再复习一下,顺带记录一下。

准备工作

1.安装node.js

以Windows环境安装node.js为例,首先登录node.js官网,选择适合自己的版本进行下载,然后进行安装。windows下载msi文件直接可以安装。

在这里插入图片描述

2.安装git客户端

登录git官网选择版本进行下载,基本一路next下去即可轻松完成安装。
介于官网太慢可以用传送门下载,选择你想要的版本,它里面是降序排序。
在这里插入图片描述
注意

安装过程中,注意勾选在右键菜单建立git bash快捷方式一项,因为之后的各种操作都需要在git bash中用命令行进行操作,方便随时随地打开命令窗口。默认选中的,直接下一步就好。

安装工作

1.安装及初始化Hexo

终于到了我们的重头戏Hexo,整个博客都是基于Hexo来生成的。Hexo的安装需要通过npm命令来进行,安装完node.js之后就默认安装了npm包管理工具,而npm的官方仓库位于境外,由于众所周知的原因,我们大陆用户基本是访问不了官方源了,所以推荐大家使用淘宝镜像进行替换。

安装Hexo
在电脑任意空白处点击右键,选择Git Bash Here打开命令行
首先查看npm 是否安装
在这里插入图片描述
如果没安装执行,否则跳过下面这一步。
npm install -g cnpm –registry=https://registry.npm.taobao.org

然后就可以使用下面的命令从npm安装Hexo:

install hexo-cli -g ```
1
2
3
4
5
![在这里插入图片描述](https://img-blog.csdnimg.cn/2020052511020978.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L29vb29vb29iaA==,size_16,color_FFFFFF,t_70)
初始化Hexo
安装完成之后,就可以选择一个自己的文件夹作为博客的根目录( 例如 C:\blog ),然后在该目录下打开命令行

```hexo init

在这里插入图片描述
初始化博客空间,生成博客运作所需要的文件,接下来安装依赖包

install```
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

此时,你的文件夹下的目录结构应该是这样:

![在这里插入图片描述](https://img-blog.csdnimg.cn/20200525110752576.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L29vb29vb29iaA==,size_16,color_FFFFFF,t_70)
本地运行
接下来自然是要亲眼领略一下博客的真容了。

分别在Git Bash中执行

>hexo g

![在这里插入图片描述](https://img-blog.csdnimg.cn/20200525110915647.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L29vb29vb29iaA==,size_16,color_FFFFFF,t_70)
>hexo s

会看到这样的提示

![在这里插入图片描述](https://img-blog.csdnimg.cn/20200525110931677.png)

在浏览器地址栏输入http://localhost:4000/,按下回车键,准备好迎接美丽的新领域吧。
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200525110900792.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L29vb29vb29iaA==,size_16,color_FFFFFF,t_70)


Attention:不用试图Ctrl+C从命令行复制地址,相信我,你会很郁闷

# Hexo的一些基本命令

hexo g #完整命令为hexo generate,用于生成静态文件

hexo s #完整命令为hexo server,用于启动服务器,主要用来本地预览

hexo d #完整命令为hexo deploy,用于将本地文件发布到github等git仓库上

hexo n “my article” #完整命令为hexo new,用于新建一篇名为“my article”的文章



# 发布一篇文章
首先Ctrl+C停止当前的本地服务,然后

hexo n “我的第一篇文章”

这样就会在博客目录下source\_posts中生成相应的 我的第一篇文章.md文件( 例如 C:\blog\source_posts\我的第一篇文章.md )

文章需要使用Markdown语法进行编写

可以使用Notepad++等文本编辑软件进行编辑,还是推荐使用专业的支持Markdown语法的编辑器进行打开,例如Windows平台的MarkdownPad可以支持文章的实时预览,效果出众。



编辑完成后就可以进行本地预览

hexo g

hexo s

总结
到目前为止利用Hexo搭建本地环境已经完成,下一节将要开始把博客发布到github上,并利用GitHub Pages完成博客的部署,敬请期待哦。