hexo安装和配置主题

发表于 更新于 分类于

安装hexo

1
npm install hexo-cli -g

建站

1
2
3
hexo init <folder>
cd <folder>
npm install

主题

安装NexT主题

1
2
cd hexo-site
npm install hexo-theme-next

启用NexT主题

编辑网站根目录下的_config.yml，在99行左右，改成下面样子

1
theme: next

设置Next主题的配置文件

站点根目录下执行

1
cp node_modules/hexo-theme-next/_config.yml _config.next.yml

以后所有修改都使用网站根目录下的_config.next.yml文件。

启用categories、archives、tags、about等链接

修改_config.next.yml文件

在第100行左右，去掉categories、archives、tags、about前面的#，保存即可。

1
2
3
4
5
6
7
8
9
menu:
  #home: / || fa fa-home
  categories: /categories/ || fa fa-th
  archives: /archives/ || fa fa-archive
  tags: /tags/ || fa fa-tags
  about: /about/ || fa fa-user
  #schedule: /schedule/ || fa fa-calendar
  #sitemap: /sitemap.xml || fa fa-sitemap
  #commonweal: /404/ || fa fa-heartbeat

添加相应的页面

以categories为例，其它几个链接对应着修改即可。
生成categories页面：

1
hexo new page categories

生成的页面位置：网站根目录/source/categories/index.md
修改上面的index.md,原内容如下：

1
2
3
4
---
title: categories
date: 2021-01-25 22:37:25
---

添加上type: "categories"这段代码就能让主题识别该页面为分类页面了,如下：

1
2
3
4
5
---
title: 分类
date: 2021-01-25 22:37:25
type: "categories"
---

archives、tags、about等链接照着上述categories的例子来生成和修改type即可。

新建文章

1
hexo n "my first post"

文章名称中有空格，必须使用" "包括起来。

生成博客

1
hexo g

本地预览

1
hexo s