Hexo写文章与修改主题

前两期介绍了在本地运行博客，以及使用Gitee托管我们的博客。
这期我们就来说说，Hexo写文章与主题修改。

一、写文章

Hexo提供了一个命令来生成我们的文章（也就是一个Markdown文档）或页面。

hexo new [layout] <title>

• layout决定我们的生成路径，默认值post。

layout	生成路径	用途
post	source/_posts	存放我们的文章
page	source	一般点击侧边菜单栏进行跳转的页面
draft	source/_drafts	存放文章草稿

那么，让我们先写一篇文章试试吧~

• 我们在站点目录下输入命令：hexo new "我的第一篇文章"
• 这时站点目录/source/_posts/下就会多出一个文件：我的第一篇文章.md
• 打开我的第一篇文章.md，写一些东西。比如：

---
title: 我的第一篇文章
date: 2022-05-02 21:09:07
tags:
---


欢迎来到我的博客，这是我的第一篇文章~.<!--more-->

## 快速开始

### 创建文章

​``` bash
$ hexo new "My New Post"
​```

### 启动服务器

​``` bash
$ hexo server
​```


### 生成静态网页

​``` bash
$ hexo generate
​```


### 部署

​``` bash
$ hexo deploy
​```

• 运行(hexo s)就可以看到我们写好的文章了:http://localhost:4000/

为了方便的修改博客以及写文章，这里推荐两款工具

• 代码编辑器：Visual Studio Code
• Markdown编辑器：Typora

  • Visual Studio Code也可以直接写我们的文章，但Typora可以使我们的效果可视化，强烈推荐。

  • 对比图：（左VS Code，右Typora）

二、主题修改

主题修改非常简单了，只需要把主题下载到themes目录下，然后在站点配置文件_config.yml中切换主题即可。

1.下载主题

1.1选择主题

Hexo官网提供许多主题，前往https://hexo.bootcss.com/themes/选择一款自己喜欢的。

1.2下载主题

以next主题为例

• 在站点目录下克隆（下载）主题包到**站点目录/themes/**目录下

git clone https://github.com/theme-next/hexo-theme-next themes/next

• 修改站点配置文件_config.yml,将theme: landscape改为theme: next(与主题包的文件夹名对应)

# theme: landscape
theme: next

1.3启动服务器

hexo s

浏览器访问：http://localhost:4000/

Hexo官网很多并没有提供下载主题的地址，只提供了相应的演示站。

所以，如果我们觉得哪款主题好看，需要到GitHub/码云/主题官网/搜索引擎上找到相应主题包进行下载。

2.推荐主题

• butterfly

git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly

官网/演示站：https://butterfly.js.org/

• next

git clone https://github.com/theme-next/hexo-theme-next themes/next

演示站：https://cysheng.gitee.io/