边界渐模糊,但这里可以是完全属于自己的小世界,没有推送、不需要点赞 互联网的第一个十年已经过去,但是拥有一个个人网站仍然是一件很酷的事情 ##网站功能 搜索 时间轴 顶部导航栏 侧边导航栏 文章目录 自定义主题色 其他功能 功能简约、界面大气 ##网站原理 往往一个开放的网站需要三个基本要素 外网IP或者域名 ...
vuepress-theme-default-prefers-color-scheme 是为了让 vuepress 的 默认主题 支持浅色 与深色 模式的主题 详细文档及演示 原理 主要是基于下一代 css 技术中的 prefers-color-scheme 与CSS Variables 实现 查看支持浏览器 prefers-color-scheme CSS Variables 对于prefers-color-scheme 还需要你的操作系统支...
前言: 虽然Vuepress的vuepress-theme-reco主题已经很完美了,但为了更加适合自己,我们可以自己更改其代码加上各种插件做成自己喜欢的风格 1. 修改主题颜色 我这里暂时没有修改,如有需要可以通过配置 .vuepress/styles/palette.styl 来快速修改主题的一些颜色属性。(如果不存在该目录和文件就创建一个) // 默认值 $accen...
vuepress默认是主题颜色是绿色, 如果你不喜欢可以对其进行更改. 如果要对默认设置的样式进行简单颜色替换, 或者自定义一些颜色变量供以后使用, 可以在.vuepress/styles中的palette.styl文件进行更改,这个文件是你手动创建的 你可以调整的颜色变量: // 参考文档: https://vuepress.vuejs.org/zh/config/#patterns中 pal...
如果是在默认主题,你可以定义一个全局组件来定义页脚;或者针对某个页面定制页脚。参考: Configuration | Theme 默认主题配置 | VuePress 在vdoing 主题中,可以直接在配置文件里配置页脚themeConfig.footer:例如备案信息,作者信息等。例如这是本博客的备案信息: ...
配置内置的全局UI,首先需要在当前项目下使用npm或者yarn安装插件 代码语言:javascript 复制 // 回到顶部插件,推荐使用yarn安装插件,它安装比npm更快,不熟悉的,可以去了解下yarn的,包管理工具yarn add-D@vuepress/plugin-back-to-top 然后在,config.js中进行配置 ...
可能你不太喜欢默认的绿色主题色,改!在.vuepress文件下新建styles/palette.styl文件 $accentColor = // 主题颜色 $textColor = // 文本颜色 $borderColor = // 边框线颜色 $codeBgColor = // 代码块背景色 $backgroundColor = // 悬浮块背景色
参考:主题配置 | vuepress-theme-vdoing 代码块中的行高亮 在VuePress 中,针对 Markdown 有扩展,例如行高亮。 有时候,我们想着重标出是哪几行代码是关键,此时可以用代码高亮的形式来。我们可以这样写 Markdown: ``` js {4} ...
constpath=require('path')//自定义样式里需要引入pathmodule.exports={title:'懿左左❀笔记',// 设置网站标题description:'Just playing around',palette:path.resolve(__dirname,'palette.styl'),//palette.style就是styles里边的文件,此文件就是写的自定义主题样式configureWebpack:{resolve:{alias:{'@alias':...
更改默认主题色 你可以在.vuepress/目录下创建一个override.styl文件。 vuepress提供四个可更改的颜色: $accentColor = #3eaf7c // 主题色 $textColor = #2c3e50 // 文字颜色 $borderColor = #eaecef // 边框颜色 $codeLzjvKTChCHBgColor = #282c34 // 代码背景颜色 ...