首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    手把手教你用vuepress搭建自己的网站(3)

    与palette.styl两个文件,文件的名字是固定的 index.styl:将会被自动应用的全局样式文件,会生成在最终的 CSS 文件结尾,具有比默认样式更高的优先级 palette.styl:用于重写默认颜色常量...如果要对默认设置的样式进行简单颜色替换, 或者自定义一些颜色变量供以后使用, 可以在.vuepress/styles中的palette.styl文件进行更改,这个文件是你手动创建的 你可以调整的颜色变量...: // 参考文档: https://vuepress.vuejs.org/zh/config/#patterns中 palette.styl配置 // 用于重写默认颜色常量,或者设置新的 stylus...在.vuepress/public/目录下创建一个js文件夹,在这个js文件夹下创建一个disable-user-zoom.js,写一段js代码即可 window.onload = function().../disable-user-zoom.js" }] // 移动端,禁止用户缩放,引入你写的js ] } 自动生成侧边栏 有时候,你会发现,每次管理侧边栏,都需要手动去创建管理侧边栏的,虽然已经对

    1.2K20

    Hexo博客静态资源加速

    文件目录层级可以表示为以下情况: 在[[Blogroot]\themes\butterfly\source\css\index.styl中新增一行代码:@import '_custom/*.css',表示引入...同样是修改 [Blogroot]\themes\butterfly\source\css\index.styl代码,使用@import逐行引入: 这样一来,每个魔改方案的CSS依然可以在独立的CSS文件中找到并修改...此处参考butterfly原生主题的方案,可以将那个css转化成styl以后在最上方添加if hexo-config('aside.card_XXXX.enable')的判断,当enable的值为false...例如对侧栏电子钟的样式进行修改,clock.styl文件开头形似如下格式: 注意观察index.styl中使用@import批量引入的写法。要注意将css文件和styl放在不同文件夹。...css使用@import '[path]/*.css'引入,而styl则是使用@import '[path]/*'引入 调整第三方JS加载位置 推荐阅读前置教程: Hexo异步加载方案 基于Butterfly

    2.6K40
    领券