这期我们就来说说,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 | --- |
- 运行(
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/
**目录下
1 | git clone https://github.com/theme-next/hexo-theme-next themes/next |
- 修改
站点配置文件_config.yml
,将theme: landscape
改为theme: next
(与主题包的文件夹名对应)
1 | # theme: landscape |
1.3启动服务器
1 | hexo s |
浏览器访问:http://localhost:4000/
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 |