hexo博客 样式自定义修改 此处以NexT主题为例

hexo博客 样式自定义修改 此处以NexT主题为例

我们在使用hexo搭建自己的博客后,如果想修改某个样式或者个性化自己的博客该如何做呢？

我自己的博客用的next主题，自己还是蛮喜欢这种简约风格的。
但美中不足的是文章的描述信息是从左开始的， 对于我来说着实写不出那么多字，
于是效果就成了这样

我这人又有点强迫症，看着挺闹心。
让我们来修改掉这个样式

第一步 在我们博客界面 右击检查或者F12 打开控制台

利用快速选择工具，选择我们要查看的元素。
看到我们描述文本的元素主体是 类名为post-body 它的文字对齐方式是justify
我们想居中对齐 就改成center
不会css的童鞋可以去看看教程很简单

我们看到样式文件为 main.css 并位于其中第1752行(第三步右边)。

第二步 找到样式文件 并修改

推荐使用IDE打开，因为他支持搜索和行数显示 方便我们定位样式位置

hexo g 生成后再去改css , 更改后直接 hexo d部署 不要再生成静态文件 不然之前的更改会被覆盖，因为这种修改方式是一次性的。

修改后记得保存

第三步 上传

可以先在本地跑一下 确认没问题后 上传到我们的pages仓库或者服务器 。

这里是我的博客 客官进来看看嘛

如果还想个性化的童鞋 也可以参照此方法哦。