Hexo博客框架入门教程
Hexo是一个快速、简洁且高效的博客框架,使用Node.js开发,让您可以专注于写作而不必关心太多技术细节。本文将介绍如何从零开始搭建一个Hexo博客。
一、环境准备
在开始之前,您需要安装以下软件:
1. Node.js
Hexo基于Node.js运行,所以首先需要安装Node.js和npm(Node.js的包管理器)。
2. Git
Git用于部署博客到GitHub Pages等远程服务器,以及安装主题等。
二、安装Hexo
使用npm全局安装Hexo命令行工具:
三、创建博客
1. 初始化博客
1 2 3 4
| hexo init blog cd blog npm install
|
2. 目录结构
1 2 3 4 5 6 7 8
| . ├── _config.yml # 网站配置文件 ├── package.json # 应用程序信息 ├── scaffolds # 模版文件夹 ├── source # 存放用户资源的地方 | ├── _drafts # 草稿箱 | └── _posts # 文章 └── themes # 主题文件夹
|
四、基本配置
编辑_config.yml
文件,设置网站的基本信息:
1 2 3 4 5 6 7 8 9 10 11
| title: 我的个人博客 subtitle: '副标题' description: '网站描述' keywords: 关键词 author: 作者名 language: zh-CN timezone: 'Asia/Shanghai'
url: http://yoursite.com
|
五、创建文章
这将在source/_posts
目录下创建一个新的Markdown文件,您可以使用任意Markdown编辑器编辑它。
六、本地预览
执行后,可以通过http://localhost:4000
访问您的博客。
七、安装主题
Hexo默认主题是landscape,您也可以安装其他主题:
1
| git clone https://github.com/theme-next/hexo-theme-next themes/next
|
然后修改_config.yml
中的theme
配置:
八、部署博客
1. 安装部署插件
1
| npm install hexo-deployer-git --save
|
2. 配置部署信息
编辑_config.yml
:
1 2 3 4
| deploy: type: git repo: https://github.com/用户名/用户名.github.io.git branch: master
|
3. 生成静态文件并部署
1 2 3
| hexo clean hexo generate hexo deploy
|
九、常用命令
1 2 3 4 5 6
| hexo new "标题" hexo new page "页面" hexo generate hexo server hexo deploy hexo clean
|
十、进阶使用
- 添加分类和标签:在文章的Front-matter中添加categories和tags。
- 创建自定义页面:如关于页面、分类页面等。
- 添加插件:如搜索功能、评论系统、数据统计等。
- 自定义主题:修改CSS、模板等。
结语
Hexo是一个非常强大的静态博客框架,通过简单的配置就能搭建出自己的个人博客。希望本教程能帮助您快速上手Hexo,开始您的博客之旅!