Hexo 主题样式

Next 有四种页面布局可供选择在_config.yml, 选择一种自己喜欢的布局即可

1
2
3
4
5
6
7
8
9

# ---------------------------------------------------------------
# Scheme Settings
# ---------------------------------------------------------------

# Schemes
scheme: Mist
# scheme: Muse
# scheme: Pisces
# scheme: Gemini

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

github page

github平台为用户提供了一个方便的工具来存放用户的静态页面username.github.io，并且很方便的进行版本管理。

准备工作

1. 生成ssh密钥，详见链接生成SSH密钥
2. 注册github账户, 并创建 username.github.io仓库

填写主配置文件

查看上文中的网站主配置并编写deploy选项

初始化站点

运行hexo init "folder_test"命令即可初始化一个hexo静态网站，运行日志如下

Hexo一款基于javascript的静态网页生成工具， 使用方便快捷易于操作。

优势

1. 支持一件部署
2. 支持git平台
3. 有大量的插件和主题可供选择