【博客入门】基于 Hexo 的主题 Fluid 搭建 Github 博客

参考教程：基于Hexo的主题Fluid搭建Github博客

安装

预备工具

1. 安装 Git；
2. 部署本地 Git 与 Github 连接（SSH）；
3. Github 创建同名域名仓库（Xuan-Van.github.io）；
4. 安装 Node.js；

Hexo 与 Fluid

1. 下载 Hexo：

   npm install hexo-cli -g
   hexo init Xuan-Van.github.io
   cd Xuan-Van.github.io
   npm install 

2. 配置 Fluid 主题：

   npm install --save hexo-theme-fluid
   cp _config.yml _config.fluid.yml

3. 修改 _config.yml：

   language: zh-CN # 语言
   theme: fluid # 主题
   post_asset_folder: true # 生成放置资源的同名文件夹
   
   deploy:
     type: git
     repo: git@github.com:Xuan-Van/Xuan-Van.github.io.git
     branch: main

4. 安装插件：

   npm install hexo-deployer-git --save # 自动部署发布工具
   npm install hexo-asset-img --save # 图片显示
   npm install hexo-pdf --save # PDF 显示
   npm install hexo-generator-sitemap --save # 网站地图生成

常用指令

指令	功能
hexo clean	清空缓存
hexo g	更新改动
hexo s	本地部署
hexo d	GitHub 部署
hexo g --d	GitHub 一键部署
hexo new "新文章标题"	发布新文章

创建 [关于页]

手动创建：hexo new page about，然后修改 /source/about/index.md：

---
title: 标题
layout: about # 必须存在
---

这里写关于页的正文，支持 Markdown, HTML

网站地图

为了将网站内容推送到搜索引擎，可以在 Microsoft Bing Webmaster Tools 上提交网站地图，管理博客内容。具体流程如下：

graph TD
    A[登录账号并进行博客验证] --> B[将指定下载的 BingSiteAuth.xml 放到本地 source 文件夹下]
    B --> C[一键部署至 GitHub]
    C --> D["填入网站地图 URL（https://xuan-van.github.io/sitemap.xml）并提交"]

之后可以一直选择重新提交这一 URL，实现网站地图更新。