Hexo简介
Hexo是一个快速、简单且强大的静态博客框架，它使用Node.js为平台。以下是关于Hexo的简介：
Hexo：静态博客框架
- 快速: 使用最先进的技术，如Node.js，Hexo可以在几秒钟内从数百个文件生成静态网页。
- 简单: 一个简洁的命令行工具和易于配置的文件，使得使用Hexo开始写博客变得非常简单。只需一条命令就可以启动服务器，一条命令发布新文章。
- Markdown 支持: 通过Markdown，您可以轻松写作。Hexo还支持GitHub Flavored Markdown、Octopress等的插件。
- 扩展性强: Hexo拥有强大的插件系统，你可以使用npm安装更多插件，满足各种需要。它也支持主题，允许用户轻松更改网站的外观和感觉。
- 一键部署: 内置一键部署功能，可以方便地将网站部署到GitHub Pages、Heroku或其他地方。
无论你是否已经熟悉Node.js或其他博客系统，Hexo都提供了一种简单、高效的方式来创建和管理静态网站和博客。
前置知识
如果需要深入了解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安装
hexo安装需要安装相应的环境、依赖，需要按node.js、npm（安装node.js后自动安装）、hexo脚手架。
npm（Node Package Manager）是Node.js的包管理器，它允许开发者轻松地安装、更新、卸载和管理Node.js项目中的依赖包。
node.js
下载安装包
下载方式1：国外官网下载
首先你需要安装Nodejs环境，建议Nodejs版本选择较新的LTS版本，也就是nodejs v18（LTS） 或者 nodejs v20（LTS） 这些版本。因为后面的hexo包，要求Nodejs是v12以上的版本。
国外官方下载地址：https://nodejs.org/en/download/prebuilt-installer。选择你对应系统的可执行安装包：
![[Pasted image 20240905131245.png]]
下载方式2：中文网站下载
中文网站下载地址：https://nodejs.cn/download]。选择你对应系统的可执行安装包：
![[Pasted image 20240905131825.png]]
安装过程：
一直点击下一步，选择相应安装目录，直到结束。
![[Pasted image 20240905132136.png]]
npm
安装node.js后，npm也会一并安装。
npm（Node Package Manager）是Node.js的包管理器，它允许开发者轻松地安装、更新、卸载和管理Node.js项目中的依赖包。
验证node.js和npm是否安装成功
电脑搜索cmd（命令行工具），输入以下代码查看到版本信息，及表示安装成功。
![[安装成功提示.png]]
安装hexo脚手架项目
安装命令：在cmd中输入以下命令并回车
1 | npm install hexo-cli -g |
![[Hexo安装.png]]
以上，我们安装完了全部的环境依赖和工具。接下来，会演示如何基于以上工具搭建博客。
Hexo博客搭建
创建博客工作目录
step1：可参考下图，创建文件夹。在D盘中创建一个名为HexoBlog的文件夹，之后创建的博客项目都将放在该文件夹中。进入该文件夹。
![[Pasted image 20240905133802.png]]
step2：在该路径地址栏中输入cmd，替换原文件夹地址
![[Pasted image 20240905134035.png]]
step3：命令行中输入hexo init blog1，blog1为命名的博客项目名称，自行命名即可。命名后，则会在原HexoBlog文件夹下新建一个blog1文件夹。
![[step2.png]]
step4：命令行数输入cd blog1
![[step3.png]]
step5：命令行中输入hexo server（或输入hexo s，两者等效）
![[step4.png]]
step6：运行命令后，会提示http://localhost:4000/。将该网址输入到浏览器地址栏，即可访问刚刚创建的博客网站项目。
![[Pasted image 20240905134621.png]]
恭喜你，此时你已经成功搭建好了自己的博客网站。
之后，你会学习如何修改自己的博客网站。
转载请注明来源，欢迎对文章中的引用来源进行考证，欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论，也可以邮件至 whutxd@163.com
