1. 添加darkmode.js到你的next主题中 你可以下载Darkmode.js或者直接添加他的cdn到你的vendors文件。(注:next8.0之前的版本没有接下来所提到的需要的文件,可以参考这篇文章来配置你的黑色模式) 我的方法是直接在 themes/next/_vendors.yml 中添加 darkmode的 cdn: darkmode_js: name: darkmode-js version: 1...
默认的 NexT 方案是Muse。我这里选择的是 Gemini 主题. Dark Mode 黑暗模式 您可以通过编辑主题配置文件,搜索暗模式关键字来启用暗模式。 主题下一步自动显示黑暗模式,如果操作系统偏好的主题是黑暗的。 Css 混合混合模式是用来使黑暗模式的所有4个方案以上,确保您的浏览器支持此属性。
light: `切换到浅色模式`, dark: `切换到深色模式`, auto: `切换到跟随系统配色`, } hud?.toast?.(messages[nextTheme]) } var ThemeChange = (theme) => { // 强制切换主题模式 document.getElementById('darkmode-switch-auto').className = 'darkmode-switch-hide'; document.getElementById('dark...
Hexo默认的主题是landscape,可以在Hexo官网|主题页面上下载自己喜欢的主题。 我选择的是Next主题,在Next官网http://theme-next.iissnan.com/getting-started.html有详细的使用方法。 下载完成后,更改站点目录下的配置文件-config.yml中的theme:后的内容为新主题的名称。在git bash中运行hexo clean,hexo g,hexo d,...
黑暗模式 5、增加友链、留言板 6、CDN资源 配置详解 修改配置文件_config.yml和_config.icarus.yml,配置网站相关信息。 ###_config.yml### # 网站 # 网站标题 title:mi7小站 # 网站副标题 subtitle:mi7小站 # 网站描述 description:分享点有用的 # 网站的关键词。支持...