Hexo搭建博客

一、简介:

二、安装部署

1.1 –hexo史上最全搭建教程

https://blog.csdn.net/sinat_37781304/article/details/82729029

1.2 –hexo+gitee(码云)搭建个人博客

https://blog.csdn.net/weixin_45

1.3 –Markdown 基本语法

Markdown 基本语法 | Markdown 官方教程

三、总结: Hexo博客搭建步骤

1. Hexo 介绍

Hexo 是一个基于 Node.js 的静态博客框架，它可以帮助你快速搭建静态博客网站。Hexo 将 Markdown 文件转换为静态 HTML 页面，使得博客的搭建和管理变得简单、高效。

2. Hexo 的一些重要特点和组成部分

  1. Markdown支持： Hexo 使用 Markdown 来书写博客文章，Markdown 是一种轻量级且易于书写的标记语言。
  2. 静态网站生成： Hexo 将 Markdown 文件解析并转换为静态 HTML 页面，这样可以提高网站的加载速度和安全性。
  3. 主题和样式： Hexo 支持各种主题和样式，可以根据个人喜好选择或自定义主题，使博客具有吸引力和个性化。
  4. 插件系统： Hexo 有丰富的插件系统，可以通过插件扩展其功能，比如优化、标签云、SEO等。
  5. 标签和分类： 可以对文章进行标签和分类，方便读者快速找到感兴趣的内容。
  6. 自动部署： 可以配置自动部署到各种主流的博客托管平台，如GitHub Pages、Netlify等。
  7. 快速： Hexo 提供快速的构建和部署功能，使得博客搭建的过程高效便捷。

3. Hexo的使用命令介绍(重点)

3.1 –hexo的安装

1
npm install hexo-cli -g

3.2 –初始化项目

1
>hexo init blogName

此时将生成如下 Hexo 项目目录：

1
2
3
4
5
6
7
>.
>├── _config.yml    # 网站的配置信息
>├── package.json   # 应用程序的信息
>├── public         # 公共文件夹，用于存放生成的站点文件(最终部署本质上是将此文件夹推送到远程仓库)
>├── scaffolds      # 模版文件夹
>├── source         # 资源文件夹，用来存放内容
>└── themes         # 主题文件夹

3.3 –清空已经存在的hexo网站文件

1
>hexo clean

即：删除掉public文件夹

3.4 –依据网页文件和新的css样式生成新的网站文件

1
>hexo g

g是generate的简写

执行完后生成新的public文件夹

3.5 –启动本地服务器

1
>hexo s

s是server的简写

本质上是运行public里的文件，可以在http://localhost:4000 查看网站修改效果

3.6 –创建一篇文章

1
>hexo n "我的第一篇文章"

n是new的简写

1
2
3
4
5
6
>title: 博客名称
>date: 创建时间
>tags: [标签1,标签2]
>index_img: 展示的图片url
>banner_img: 背景的图片url
>categories: [一级分类, 二级分类]

根目录的source\ _posts\目录里面的md文件可以修改文章内容

3.7 –部署到托管平台

安装上传到仓库的插件，才能进行发布文章的命令

1
>npm install hexo-deployer-git --save

发布文章 (将public推送到gitee仓库上)

1
>hexo d

发布文章 一键部署并推送到gitee仓库上（g d组合命令使用)

1
>hexo g --d

参考: Hexo安装及常用命令使用

四、主题

fluid主题 （演示博客使用的此主题)

butterfly主题

Icarus主题

Volantis主题

Snippet主题

-
Github地址：hexo-theme-snippet

参考：8 款颜值爆赞的 Hexo 主题推荐！

项目部署
#git #hexo #nodejs #blog
Hexo搭建博客
https://leaf-domain.gitee.io/2024/02/17/hexo/
作者
叶域
发布于
2024年2月17日
许可协议