静态博客的主题,主流是基于国外的模板,进行修改调整,没有过多考虑中文内容的排版

正文

半个月前,调整了一下博客的样式表,工作多年都是做的后端服务开发,前端纯纯的小白一枚。前后折腾了半天,设计上都不太合理。灵光闪现,想到了常看的技术博客:infoq、开源中国,这些站点的排版看着就很不错,能不能借来用用?看了一会源码文件,定位相关的元素弄的一头雾水。

做前端的朋友看到这里可能要笑了。。定位指定的元素都不懂。不懂没事,周末时间多,停下来思考下,以前写 python 爬虫的时候,好像用到了类似的东西。

元素审查

没错,就是浏览器自带的元素审查工具,复制样式表、定位指定元素,都是分分钟的事情;selector 定位元素、hugo 新建 user define css

  • 复制元素
  • 复制 outerHTML
  • 复制 selector
  • 复制 JS 路径
  • 复制样式
  • 复制 XPath
  • 复制完整的 XPath