简介：本文将指导你如何在Hexo博客中自定义CSS样式，包括直接编辑主题CSS文件和使用自定义CSS文件两种方法，让你的博客更加个性化。
Hexo是一个基于Node.js的快速、简单且强大的博客框架。通过Hexo，你可以轻松地搭建一个自己的博客网站。为了让你的博客更具个性，自定义CSS样式是必不可少的。下面将介绍两种在Hexo中自定义CSS样式的方法。
Hexo的主题通常包含了一些预设的CSS样式文件。你可以直接编辑这些文件来定制你的博客样式。步骤如下：
找到主题CSS文件：进入你的Hexo博客的themes文件夹，找到你当前使用的主题文件夹，然后找到CSS文件，通常是style.css或者在一个名为source或css的子文件夹中。
编辑CSS文件：使用文本编辑器（如VS Code、Sublime Text等）打开CSS文件，然后根据你的需求修改样式。你可以添加新的样式规则，或者修改现有的规则。
保存并预览：保存你的修改，然后运行Hexo服务器预览你的博客。你可以通过hexo server命令启动Hexo服务器，然后在浏览器中访问http://localhost:4000来查看效果。
生成静态文件：如果你满意你的修改，可以运行hexo generate命令生成静态文件，然后部署到你的博客服务器上。
如果你不想直接修改主题的CSS文件，或者你想在不同的主题之间共享同一套CSS样式，你可以创建一个自定义的CSS文件，并在你的博客中引入它。
创建自定义CSS文件：在你的Hexo博客的根目录下（与themes、source等文件夹同级）创建一个新的CSS文件，例如custom.css。
编写CSS样式：在新创建的CSS文件中编写你的自定义样式。你可以添加任何你需要的样式规则。
在主题中引入CSS文件：打开你当前使用的主题的layout文件夹，找到_partial子文件夹（如果不存在，可以创建一个），然后在这个子文件夹中创建一个新的HTML文件，例如custom-css.ejs。在这个HTML文件中，使用<link>标签引入你的自定义CSS文件，例如：
<link rel="stylesheet" href="/custom.css">
在布局文件中引入自定义CSS部分：在你的主题中，找到负责渲染页面布局的HTML文件，通常是layout.ejs。在这个文件中，使用<% include custom-css %>来引入你刚刚创建的自定义CSS部分。
保存并预览：保存你的修改，然后运行Hexo服务器预览你的博客。你应该能在你的博客中看到你自定义的样式效果。
生成静态文件：如果你满意你的修改，可以运行hexo generate命令生成静态文件，然后部署到你的博客服务器上。
注意：自定义CSS文件的方法可能会因主题不同而略有差异，你需要根据你使用的主题的具体情况来操作。
通过以上两种方法，你可以轻松地在Hexo博客中自定义CSS样式，让你的博客更加符合你的个性和需求。记得在修改样式时要小心，避免破坏现有的布局和功能。祝你自定义样式成功！