hexo免费搭建个人博客

一、简介:

演示网站: leaf-domain (gitee.io)
参考: hexo+gitee(码云)免费搭建个人静态博客

二、安装部署

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博客搭建步骤

安装 Hexo
初始化 Hexo
编写文章
生成静态文件
部署到服务器或托管平台

1. Hexo 介绍

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

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

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

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

3.1 --hexo的安装

npm install hexo-cli -g

3.2 --初始化项目

hexo init blogName

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

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

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

hexo clean 
即：删除掉public文件夹

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

hexo g
g是generate的简写

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

3.5 --启动本地服务器

hexo s
s是server的简写

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

3.6 --创建一篇文章

hexo n "我的第一篇文章" 
n是new的简写
title: 博客名称
date: 创建时间
tags: [标签1,标签2]
index_img: 展示的图片url
banner_img: 背景的图片url
categories: [一级分类, 二级分类]
根目录的source\ _posts\目录里面的md文件可以修改文章内容