hexo使用心得（一）

发表于   |   分类于   |  

上文介绍了hexo的安装、部署，从这节开始主要介绍如何使用hexo。

hexo配置

安装完hexo，其默认的目录结构如下：

├── _config.yml
├── package.json
├── scaffolds
├── scripts
├── source
 |         ├── _drafts
 |         └── _posts
└── themes

1、介绍hexo目录下文件(夹)的含义：

  • _config.yml文件，是hexo的主配置文件
  • source/_drafts 是草稿目录，source/_posts是发表的博文目录(.md文件)，source/about 是关于页面的目录，source/categories 是分类页面目录，source/tags 是标签页面目录
  • theme目录，存放主题信息
  • public目录，存放hexo根据.md生成好的html静态也文件
  • scaffolds目录，存放了文章布局的相关文件，默认是post布局

2、介绍hexo主要命令：

$ hexo n title #等价于 hexo new [layout] title 发布新文章
$ hexo p filename #等价于hexo publish filename 将_drafts下的文件放到_posts下，也就是发布草稿
$ hexo g #等价于hexo generate 生成静态网页
$ hexo s #等价于hexo server 启动预览服务器，开启-d选项时可以预览草稿
$ hexo d #等价于hexo deploy 发布到远程服务器，开启–generate选项可以在deploy前自动generate

使用hexo s 启动本地服务后，如果修改了配置或者文章内容，需要停止服务后重新启动才能生效。这样，在调试或写文章阶段非常不方便，可以使用下面命令，以debug的方式启动，这样每次修改后就无需重启服务了。

$ hexo s –debug

3、配置hexo主题：

默认hexo使用landspace，你可以在这里查看hexo所有主题。这里以next主题为例、介绍如何配置一个主题（配置其他主题时类似）next有一个很好的使用说明，点击这里查看。还有一个不错的主题yilia，也非常的简介。

  1. 下载安装next：进入到hexo目录(H:\hexo)，右键点击git bash，然后使用git克隆到本地，如下。这时，在hexo的theme目录下就会多一个next目录，里面是next主题相关文件。（所有）主题目录下也会有一个_config.yml文件，用来配置主题内容。

    1
    git clone https://github.com/iissnan/hexo-theme-next themes/next

  2. 配置next：修改hexo的_config.yml文件，找到theme属性，把值改为next。可以在下面添加一句 compress: true 用来压缩css等。

  3. 更新next：

    1
    2
    cd themes/yilia
    git pull

4、优化next主题：

在next的使用说明中，详细介绍了next的所有配置。这里只把一些主要的点罗列出来。

1）Scheme 修改next的配置文件_config.yml，将 #scheme: Mist 前面的 # 注释去掉即可。

2）语言 修改next的配置文件_config.yml，language: zh-hk

3）菜单 菜单配置实例：

1
2
3
4
5
6
7
menu:
  home: /
  archives: /archives
  #about: /about
  #categories: /categories
  tags: /tags
  #commonweal: /404.html

默认，about、categories和tags这三个页面是不存在的，使用以下命令创建这三个页面。（会在hexo/source目录下创建about、tags和categories三个目录）
1
2
3
hexo new page "about"
hexo new page "tags"
hexo new page categories

4）其他 例如：Swiftype 站内搜索 、多说评论、百度统计等功能。博客要想使用这些功能，非常简单，去他们的官网注册一个帐号（都是免费的），然后把相应的代码配置到next主题的_config.yml文件中即可。