搭建属于自己的博客

  • 安装 hexo

hexo 依赖 nodejs ，由于国内npm访问速度过慢，需要配置国内代理镜像。配置好nodejs执行下列命令

1
npm install -g hexo-cli
  • 选择主题

hexo支持自定义主题，博主可根据自身喜好配置不同的主题，本次直接butterfly

1
2
3
4
5
6
# 先创建 hexo 博客
hexo init blog

# 进入目录 下载主题
cd blog
git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly

配置 butterfly主题，修改 _config.yml

1
theme: butterfly

同时在博客工程根目录中创建 _config.butterfly.yml 文件 并且将 themes/butterfly/_config.yml 中的内容全部拷贝, 效果如下

  • 安装必要插件

hexo最终的要的能力是插件机制和插件市场 访问站点找到自己需要的插件

1、搜索插件 hexo-generator-search

2、本地图片插件 hexo-asset-img

1
2
npm install hexo-generator-search --save
npm install hexo-asset-img --save
  • 配置站点基本信息

配置站点基本信息

1、站点地址 SEO关键词

2、主题中 标签，抬头菜单

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
# 站点基本信息 _config.yml

# Site
title: 我的博客
subtitle: '副标题'
description: '站点描述'
keywords: seo
author: 作者
language: zh-CN
timezone: 'Asia/Shanghai'

# 站点基本连接信息

# URL
url: http://blog.xxx.com
permalink: :year/:month/:day/:title/

# 搜索插件
search:
  path: search.xml
  field: post
  content: true


# butterfly 主题配置 _config.butterfly.yml

# 菜单
menu:
   首页: / || fas fa-home
   归档: /archives/ || fas fa-archive
   标签: /tags/ || fas fa-tags
   分类: /categories/ || fas fa-folder-


# 社交信息
social:
   fab fa-github: https://github.com/xxx|| Github
   fas fa-envelope: mailto:xxx@mail.com || Email

# 配置搜索能力 ，此能力需要插件

local_search:
  enable: true
  preload: true
  CDN:
  • 写作

写作前需要配置几个基本的内容

1、分类目录

2、标签目录

创建完对应的目录即可使用相应的抬头属性 , 切换到source 目录中 创建categories tags，并且在对应的目录中创建 index.md 文件

index.md 需要遵循hexo语法，内容如下，分别填写 对应目录内容，最终效果如下图

1
2
3
4
5
6
---
title: 分类
layout: "categories"
type: "categories"
comments: false
---

创建写作内容

1
2
# 在对应博客站点根目录执行命令
hexo new post demo

进入 source/_post/demo.md 编写 markdown文件内容开始创作

  • 更多配置操作内容 可查询官方网站

文档 | Hexo

Butterfly 安裝文檔(一) 快速開始 | Butterfly