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

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

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

我自己的博客用的next主题,自己还是蛮喜欢这种简约风格的。
但美中不足的是文章的描述信息是从左开始的, 对于我这种安静少言的人来说,着实写不出那么多字,
于是效果就成了这样
hexo博客 样式自定义修改 此处以NexT主题为例

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

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

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

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

我们看到样式文件为 main.css 并位于其中第1752行。

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

hexo博客 样式自定义修改 此处以NexT主题为例
推荐使用IDE打开,因为他支持搜索和行数显示 方便我们定位样式位置

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

修改后记得报存

第三步 上传

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

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

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

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