关于为什么想要搭建个人博客

简单介绍

1.Hexo介绍

Hexo 是一个快速、简洁且高效的静态博客框架，主要用于生成静态网站。它基于Node.js构建，适合开发者和技术博主使用。Hexo的主要特点和功能包括：

快速生成：利用Node.js的性能优势，Hexo可以快速生成静态网页，处理速度非常快。
Markdown支持：Hexo支持Markdown语法，用户可以使用简洁的Markdown语法撰写博客文章，提升写作效率。
插件丰富：Hexo拥有一个丰富的插件生态系统，用户可以根据需要扩展功能，例如SEO优化、图像处理、代码高亮等。
主题多样：Hexo提供了大量的主题，用户可以根据个人喜好和需求选择和自定义主题，使博客更具个性化。
易于部署：Hexo生成的静态网页可以轻松部署到各种平台，如GitHub Pages、Vercel、Netlify等。

通过Hexo，用户可以轻松地创建和维护自己的博客，并享受快速、简洁和高效的写作和发布体验。

2.GitHub介绍

**GitHub **（最大的成人交友平台）是一个基于Git版本控制系统的代码托管平台。它为开发者提供了一个协作开发、版本控制和代码管理的环境。以下是GitHub的一些主要特点和功能：

版本控制：GitHub基于Git，支持分布式版本控制和源代码管理。开发者可以跟踪和管理代码的不同版本，回溯历史记录。
协作开发：GitHub支持团队协作开发，开发者可以通过Pull Request、Issue等功能进行代码审查和讨论，提升开发效率。
代码托管：GitHub提供免费的公共代码仓库，以及付费的私有代码仓库，用户可以存储和管理代码项目。
社区和开源：GitHub是开源社区的重要平台，许多知名的开源项目都托管在GitHub上，开发者可以参与贡献开源项目。
项目管理：GitHub提供项目板（Project Board）、里程碑（Milestone）等工具，帮助团队管理项目进度和任务。
文档和Wiki：GitHub支持Markdown文档，开发者可以为项目编写详细的文档，还可以创建项目Wiki。
自动化和CI/CD：GitHub Actions提供了CI/CD功能，开发者可以设置自动化工作流，实现代码测试、构建和部署。
安全性：GitHub提供代码扫描、依赖项管理和安全警报等功能，帮助开发者提升项目的安全性。

GitHub因其强大的功能和广泛的应用，成为全球开发者的重要工具和平台。

3.Butterfly介绍

Butterfly 是一个功能丰富、外观精美的 Hexo 主题，专为博客和个人网站设计。以下是Butterfly的一些主要特点和功能：

外观设计：
- 现代化且简洁的设计风格，适合多种类型的博客。
- 丰富的布局选择和自定义选项，用户可以根据个人喜好调整外观。
响应式设计：
- 主题具有良好的响应式设计，能在各种设备上（如手机、平板和桌面）良好显示。
插件支持：
- 支持各种 Hexo 插件，如代码高亮、站点地图生成、评论系统（如Disqus、Gitalk）等。
文章布局：
- 提供多种文章布局，包括标准文章、图片墙、分类归档等，用户可以根据需要选择合适的布局。
集成社交媒体：
- 支持多种社交媒体平台的集成，如微博、GitHub、Twitter 等，方便用户展示社交账号和分享文章。
SEO 优化：
- 内置 SEO 优化功能，提高博客在搜索引擎中的排名。
多语言支持：
- 支持多种语言，适合不同语言的用户使用。
自定义功能：
- 提供强大的自定义功能，用户可以通过修改配置文件或自定义样式来调整主题外观和功能。

通过这些定制选项，用户可以创建一个独具特色的博客，充分展示个人风格和内容。Butterfly 主题因其丰富的功能和高度的可定制性，受到许多 Hexo 用户的喜爱。

环境部署

前提条件（该教程主要面向Windows用户）

一台电脑
Windows操作系统
Node.js
Git
Hexo
GitHub 账号
文本编辑器（例：Vscode、typora……等）

1.Node.js安装

进入Node.js官网https://nodejs.org/en，下载完成后，如果C盘空间富余建议安装到默认盘，也可修改安装路径。安装完成后，检查时候安装成功，按下键盘Win+R键，输入cmd，敲回车，输入命令node -v，如果可以看到版本信息，那就恭喜你安装成功啦。由于npm下载采用的是国外的源，可能导致下载速度慢甚至下载失败的问题，可以改用淘宝镜像，打开cmd窗口运行以下命令：

1	npm config set registry https://registry.npm.taobao.org

2.安装Git

进入Git官网https://git-scm.com/downloads，下载完成后，如果C盘空间富余建议安装到默认盘，也可修改安装路径。

3.安装Hexo

打开Git Bash中输入如下命令

1	npm install -g hexo-cli

可参考官方文档：https://hexo.io/zh-cn/docs/

4.GitHub注册与安装仓库

1.进入官网：https://github.com/

网站首页

2.注册完成后新建仓库

创建Hexo项目

选择一个目录，初始化一个新的 Hexo 项目：

1
2
3

hexo init myblog
cd myblog
npm install

配置 Hexo

打开项目根目录下的 _config.yml 文件，进行基础配置，如站点标题、描述等：

title: My Blog
subtitle: ''
description: ''
author: Your Name
language: en
timezone: ''

安装 Butterfly 主题

下载 Butterfly 主题：

1	git clone -b master https://github.com/jerryc127/hexo-theme-butterfly themes/butterfly

修改 Hexo 配置文件 _config.yml，将主题设置为 Butterfly：

1	theme: butterfly

进入 themes/butterfly 目录，复制主题的 _config.yml 文件到项目根目录进行定制化配置。

创建新文章

创建一篇新文章：

1	hexo new post "My First Post"

编辑生成的 Markdown 文件（在 source/_posts 目录下），撰写内容。

本地预览

生成静态文件并启动本地服务器：

1 2	hexo generate hexo server

在浏览器中访问 http://localhost:4000，预览博客效果。

部署到 GitHub Pages

在 GitHub 上创建一个新的仓库，命名为 username.github.io（其中 username 是你的 GitHub 用户名）。

安装 Hexo 部署插件：

1	npm install hexo-deployer-git --save

修改 Hexo 配置文件 _config.yml，添加部署配置：

deploy:
  type: git
  repo: https://github.com/username/username.github.io.git
  branch: main

部署博客到 GitHub Pages：

1
2
3

hexo clean
hexo generate
hexo deploy

访问你的博客

部署完成后，打开浏览器访问 https://username.github.io，即可看到你搭建的博客。

2.3.