Hexo主题

Hexo拥有众多的主题可以选择, 用户可以自行选择自己喜欢的主题, 其中笔者比较喜欢的一款主题是Next, 下面就已Next主题为例说明Hexo主题的安装及配置

主题安装

找到需要的主题地址https://github.com/theme-next/hexo-theme-next, 执行以下命令即可安装next主题

1 2	cd 'folder_test' # 进入hexo安装的根目录 git clone https://github.com/theme-next/hexo-theme-next themes/next

主题目录结构

├── LICENSE.md
├── README.md
├── _config.yml        # 主题配置文件, 后面配置只需要用到这个文件
├── bower.json
├── crowdin.yml
├── docs
├── gulpfile.coffee
├── languages
├── layout
├── package.json
├── scripts
├── source
└── test

修改主题为Next

进入hexo安装根目录编辑主配置文件_config.yml, 把theme修改为next即可.

修改部分

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: next

目录结构

|-- _config.yml   # 网站的主配置文件
|-- node_modules  # nodejs 依赖包的本地安装目录
|-- package.json  # npm(nodejs package manager) 依赖的配置文件
|-- scaffolds     # 网站页面模板文件存放目录
|-- public        # 生成的静态网站存放目录(初始话时没有此目录，只有在运行 hexo generate时才会生成)
|-- source        # 文章存放目录
|-- yarn.lock     # yarn(一个与npm相似的包管理攻击) 依赖的配置文件

预览

1
2
3

# 启动预览
hexo g
hexo s