我寄愁心与爪哇

如果能一步登天,
那别人的坚持又算什么呢?

0%

Hexo写文章与修改主题

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

一、写文章

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

1
hexo new [layout] <title>
  • layout决定我们的生成路径,默认值post。
layout 生成路径 用途
post source/_posts 存放我们的文章
page source 一般点击侧边菜单栏进行跳转的页面
draft source/_drafts 存放文章草稿

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

  • 我们在站点目录下输入命令:hexo new "我的第一篇文章"
  • 这时站点目录/source/_posts/下就会多出一个文件:我的第一篇文章.md
  • 打开我的第一篇文章.md,写一些东西。比如:
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
26
27
28
29
30
31
32
33
34
35
36
37
---
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
​```

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

  • 代码编辑器: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/**目录下
1
git clone https://github.com/theme-next/hexo-theme-next themes/next
  • 修改站点配置文件_config.yml,将theme: landscape改为theme: next(与主题包的文件夹名对应)
1
2
# theme: landscape
theme: next

1.3启动服务器

1
hexo s

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

next

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

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

2.推荐主题

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

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

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

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

img

  • 本文主题: Hexo写文章与修改主题
  • 本文作者: 我寄愁心与爪哇
  • 本文链接: https://cysheng.gitee.io/c6c9b61d.html
  • 版权声明: 本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!

欢迎关注我的其它发布渠道