前言 Hexo

  • 官方介绍:Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
  • 你不需要什么编程代码的知识储备,只要按照步骤来就可以搭建一个免费的属于子自己的博客网站。

第一篇 入门安装

20201019224946

准备事项

闲言碎语:以上操作没啥好说的,不会的自行百度谷歌一下。

基础配置

应用主题

先把意向的主题下载好,很多好看的主题都在GitHub仓库,自己留意物色好,进行克隆下载:

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

把下载好的主题放到hexo框架的文件夹:themes中,修改根目录下的配置文件_config.yml,把主题改为: butterfly 。

1
theme: butterfly #landscape  

这样就替换好主题了,但是还不能运行,缺少对应注意的渲染器。

安装渲染器

hexo初始化后,默认沒有安装 pug 以及 stylus 的渲染器,所以:

1
npm install hexo-renderer-pug  hexo-renderer-stylus --save

平滑升级

各个主题功能都在不断完善中,所以版本迭代可能会覆盖自己的配置,所有就了以下设置,可以更安全的升级。

  • hexo v5.0以上,把主题文件夹中的 _config.yml 复制到 Hexo 根目下,重新命名 _config.butterfly.yml。
  • 以后只需要在 _config.butterfly.yml进行配置就行。

说明:
Hexo会自动合并主题中的_config.yml和 _config.butterfly.yml的配置,如果存在同名配置,会使用_config.butterfly.yml的配置,其优先度较高。

预期效果

前期工作完成后,接下来就可以启动本地服务了:

1
hexo clean;hexo g;hexo s

此时没有导航,只有一个初步的框架如:
20201020002125


其他介绍

20201101115628

scaffold这个文件夹中的文件,可以很好的编辑属于自己的md模板,写作更轻松明了。