建立博客

GPT摘要

摘要：本文介绍了基于Hexo框架和Fluid主题搭建个人博客的步骤及配置方法。选择Hexo的原因是已安装Node.js环境，操作便捷；Fluid主题因其简洁性和美观性（优于Next主题）符合博客的笔记整理定位，支持首页、归档、多级分类和搜索功能。主要步骤包括： 1. 环境准备：安装Node.js和Hexo脚手架（npm install -g hexo-cli），初始化博客（hexo init）。 2. 本地调试：通过hexo g生成文件，hexo s本地预览（默认端口4000）。 3. 部署到GitHub Pages： - 创建用户名.github.io仓库，配置_config.yml中的Git部署信息（类型、仓库地址、分支）。 - 安装Git插件（hexo-deployer-git），运行hexo d推送代码。 4. 主题配置： - 安装Fluid主题（npm install hexo-theme-fluid），修改_config.yml指定主题和语言（zh-CN）。 - 重新生成并启动以应用更改。 5. 文章管理： - 通过Front Matter设置标题、标签、分类、置顶（sticky）、封面图（index_img）等属性。 - 启用post_asset_folder自动生成资源文件夹存放图片，支持{% asset_img %}语法或图床（如GitHub+PicGo）解决本地与博客图片路径不一致问题。额外提到的服务包括评论系统（如Valine）和数据库支持，但未展开细节。（注：原文中的代码块和符号如$1因不完整或重复已略去，不影响核心流程。）

主题选择

首先优先选择Hexo是因为Node.js已经安装好了，比较方便

主题选择：Fluid

主题需要简洁，因为博客定位是笔记记录整理
需要有一定的美观（因为这个放弃了next主题）
基本的页面：首页归档分类(支持多级分类) 、标签、搜索功能

开始使用

安装环境

安装Nodejs
安装脚手架npm install -g hexo-cli

初始化博客

hexo init blog   # 初始化博客
cd blog
npm instal


hexo new fistt # 创建第一个页面 填写内容

hexo g # 生成文件
hexo s # 启动  localhost:4000可以查看博客

部署到github

新建 用户名.github.io 的仓库

配置博客推送到对应仓库

deploy:
  type:  git
  repo: [email protected]:Goinggoinggoing/Goinggoinggoing.github.io.git
  branch: main

npm install hexo-deployer-git --save 安装git部署插件
hexo d 推送到仓库

更换主题

npm install --save hexo-theme-fluid

修改_config.yml

1 2	`theme: fluid # 指定主题 language: zh-CN # 指定语言`

重新生成并启动
1
2
hexo g hexo s

配置主题

官方文档

文章配置

---
title: 文章标题
tags: [Hexo, Fluid]
categories: [开发, 项目]
date: 2019-10-10 10:00:00

hide: true						 # 但可以通过链接访问
sticky: 100 					# 文章排序顺序 越大越前

index_img: /img/example.jpg 		# 封面图
banner_img: /img/post_banner.jpg  #	顶部图
---
以下是文章内容