手动修改博客css样式，打造属于自己的博客样式

这两天花了点时间修改了下自己的next主题的博客

样式表放在了GitHub上喜欢的话可以直接使用

next博客主题样式修改

使用方法

• 直接下载样式表，然后复制到自己主题的themes\next\source\css_custom目录下的custom.styl文件

<link rel="stylesheet" type="text/css" href="https://picture-1256429518.cos.ap-chengdu.myqcloud.com/blog/custom.css">

¶自己动手修改的方法

小白教程，大佬见笑。需要一点点css基础，可以上菜鸟教程现学

准备

1. chrome浏览器或者其他带检查功能的浏览器
2. 如果你是用的hexo博客的next主题，那么自定义样式表就在themes\next\source\css_custom目录下的custom.styl文件中
3. 如果是其他类型的博客，先百度自定义样式表在哪里

查找样式名称

现在我们开始自己动手修改样式

先用浏览器打开自己博客页面，找到自己要修改的样式的地方，比如我要修改这个文章标题样式

然后鼠标右键，点击检查

深色的那一行就是标题所在的html语句

鼠标移动到那一行，点击，这时右侧出现css样式表

选择样式名称，复制

然后回到themes\next\source\css_custom目录下的custom.styl文件中，开始自己写样式

例如

.posts-expand .post-title-link{
	/*
     你的自定义样式
	*/
}

showtime

当然前提是你使用的是nexo主题，并且我使用的是next里的mist子主题，其他主题可能不兼容