hexo搭建个人博客总结（二）

2018-04-23

hexo搭建个人博客总结–进阶

hexo项目介绍

注意冒号后面的空格

1.目录结构介绍

deploy #需要部署的文件
node_modules #Hexo插件
public #生成的静态网页文件
scaffolds #模板
source #博客正文和其他源文件，404、favicon、CNAME 都应该放在这里
_drafts #草稿
_posts #文章
themes #主题
_config.yml #全局配置文件
package.json

2.全局配置文件介绍

title: 个人博客     //页面标题
subtitle: 玉面小飞龙     //小标题
description: 贼溜     //描述
author: Little Dragon       //作者
language: zh-CN     //语言
timezone:       //时区


# URL


## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'

url: https://halomelody.github.io/      //个人域名
root: /     //根目录
permalink: :year/:month/:day/:title/        //文章创建后生成的目录结构
permalink_defaults:


# Directory     //变量与目录的对应情况

source_dir: source
public_dir: public
tag_dir: tags
archive_dir: archives
category_dir: categories
code_dir: downloads/code
i18n_dir: :lang
skip_render:


# Writing

new_post_name: :title.md # File name of new posts
default_layout: post
titlecase: false # Transform title into titlecase
external_link: true # Open external links in new tab
filename_case: 0
render_drafts: false
post_asset_folder: false
relative_link: false
future: true
highlight:
  enable: true
  line_number: true
  auto_detect: false
  tab_replace:


# Home page setting


# path: Root path for your blogs index page. (default = '')


# per_page: Posts displayed per page. (0 = disable pagination)


# order_by: Posts order. (Order by date descending by default)

index_generator:        //分页设置
  path: ''
  per_page: 5
  order_by: -date


# Category & Tag

default_category: uncategorized
category_map:
tag_map:


# Date / Time format


## Hexo uses Moment.js to parse and display date


## You can customize the date format as defined in


## http://momentjs.com/docs/#/displaying/format/

date_format: YYYY-MM-DD
time_format: HH:mm:ss


# Pagination


## Set per_page to 0 to disable pagination

per_page: 5
pagination_dir: page


# Extensions


## Plugins: https://hexo.io/plugins/


## Themes: https://hexo.io/themes/

theme: yilia        //主题配置


# Deployment


## Docs: https://hexo.io/docs/deployment.html

deploy:     //发布对应的github账号
  type: git
  repo: git@github.com:haloMelody/haloMelody.github.io.git
  branch: master

(上面有回答前面问题3的答案)

# order_by: Posts order. (Order by date descending by default)

index_generator:        //分页设置
  path: ''
  per_page: 5
  order_by: -date

2.一些主题功能

1.弹框配置

首先需要具备hexo中nodeJS版本高于6.2才可以生效（下载最新的nodeJS->得到的hexo可以即可满足，可以通过hexo -v查看nodeJS版本）
查看效果
在根目录配置文件中添加如下内容：

jsonContent:  
  meta: false  
  pages: false  
  posts:  
    title: true  
    date: true  
    path: true  
    text: true  
    raw: false  
    content: false  
    slug: false  
    updated: false  
    comments: false  
    link: false  
    permalink: false  
    excerpt: false  
    categories: false  
    tags: true

2.文章分类

1 2	title: hexo+github创建个人博客--深入篇 categories: 瞎搞

3.标签配置

title: hexo+github创建个人博客--深入篇
tags: 
    - hexo
    - github
    - yilia

4.目录配置

1 2	title: hexo+github创建个人博客--深入篇 toc: true

5.内容过长隐藏（回答前面的问题2）

主题配置文件中配置截断显示的文字，excerpt_link: more ,此处显示为more
在文章中键入该注释，即可在该位置生效：

1	<!-- more -->

yoona-lin