本人的博客是用Hexo生成的,下面来介绍下hexo和搭建过程。

Hexo是一个快速、简单且强大的静态博客框架,它使用Node.js为平台。以下是关于Hexo的简介:

Hexo:静态博客框架

  • 快速: 使用最先进的技术,如Node.js,Hexo可以在几秒钟内从数百个文件生成静态网页。
  • 简单: 一个简洁的命令行工具和易于配置的文件,使得使用Hexo开始写博客变得非常简单。只需一条命令就可以启动服务器,一条命令发布新文章。
  • Markdown 支持: 通过Markdown,您可以轻松写作。Hexo还支持GitHub Flavored Markdown、Octopress等的插件。
  • 扩展性强: Hexo拥有强大的插件系统,你可以使用npm安装更多插件,满足各种需要。它也支持主题,允许用户轻松更改网站的外观和感觉。
  • 一键部署: 内置一键部署功能,可以方便地将网站部署到GitHub Pages、Heroku或其他地方。

前置知识

学习Hexo之前,你需要了解以下技术或软件:

  • Node.js: Hexo是基于Node.js构建的,因此你需要了解Node.js的基础知识。
  • npm (Node Package Manager): 用于安装和管理Node.js应用程序的依赖。
  • Git: 用于部署到GitHub Pages或其他Git托管服务。
  • Markdown: Hexo文章通常是用Markdown格式写的,因此了解基本的Markdown语法是很有帮助的。
  • 基础的命令行操作: 由于Hexo的很多任务都是通过命令行完成的,所以了解基础的命令行操作会很有帮助。
  • JavaScript: 虽然不是必需的,但如果你想进行更高级的定制,了解JavaScript基础会很有帮助。
    以上是学习Hexo之前应该了解的基础知识。一旦你熟悉了这些基础,使用和定制Hexo将会变得更加容易。

安装Hexo

npm和nodejs的安装过程就不说了,只讲hexo的安装
使用npm安装Hexo: npm install -g hexo-cli

创建Hexo项目

初始化一个新的Hexo项目:hexo init your-blog-name
进入项目目录:cd your-blog-name

部署到GitHub Pages

要将 Hexo 博客部署到 GitHub Pages,你可以按照以下步骤操作:

创建一个新的 GitHub 仓库:

访问 GitHub 并登录。
点击右上角的 “+” 图标,然后选择 “New repository”。
为仓库命名。如果你希望你的博客地址为 username.github.io,则仓库名应为 username.github.io,其中 username 是你的 GitHub 用户名。
选择 “Public”,然后点击 “Create repository”。

在 Hexo 博客的配置文件中设置部署配置:

打开你的 Hexo 博客目录中的 _config.yml 文件。

在文件的底部,找到或添加 deploy 部分,并设置为以下内容:

1
2
3
4
deploy: yml
type: git
repo: https://github.com/username/username.github.io.git
branch: main

其中,username 是你的 GitHub 用户名。
安装 hexo-deployer-git: 在你的 Hexo 博客目录中,运行以下命令来安装部署插件:
npm install hexo-deployer-git --save

部署你的博客:

在你的 Hexo 博客目录中,运行以下命令来部署你的博客到 GitHub Pages:

1
2
3
hexo clean
hexo generate
hexo deploy

访问你的博客:

一旦部署完成,你可以通过访问 https://username.github.io 来查看你的博客。(有时候,即使你推送了更改,GitHub Pages 也需要一些时间来构建和发布你的站点。这可能需要几分钟。稍后再次检查你的网站,看看是否可以访问。)

这些步骤应该能帮助你将 Hexo 博客部署到 GitHub Pages。

主题定制:

Hexo 有一个活跃的社区,其中许多开发者制作并分享了大量的主题。
用户可以选择任何一个公开的 Hexo 主题并自由地进行定制。
主题通常包含一套模板、样式和功能。
_config.yml 文件中的 theme 配置项可以用来指定使用哪个主题。
定制主题通常涉及修改其模板文件、样式表或添加一些 JavaScript 功能。
我使用的是butterfly主题,比较热门,也是比较通用的模板。