切换模式刷新页面不闪屏方案。。

head里面放获取Cookie函数
```js
<script>
function getCookie(cname)
{
  var name = cname + "=";
  var ca = document.cookie.split(';');
  for(var i=0; i<ca.length; i++) 
  {
    var c = ca[i].trim();
    if (c.indexOf(name)==0) return c.substring(name.length,c.length);
  }
  return "";
}
</script>
```
在`body`的下一行添加如下代码，我测试没有闪屏。。如果放到`head`里面，就找不到body标签
```js
<script>
(function(){
  var theme = getCookie('the_site_theme');
  if(theme != ''){
    document.body.setAttribute('data-theme', theme);
  }else{
    document.body.setAttribute('data-theme', 'default');
  }
})();
</script>
```

如果可以，把`主题`单独出来，在`head`里面。我是这么做的，是可以的。。
```js
<script>
(function(){
  window.APPERANCE_KEY = "theme-mode";
  var headTagEl = document.getElementsByTagName("head");
  var linkTagEl = document.createElement("link");
  var savedPreferTheme= localStorage.getItem(APPERANCE_KEY);

if(savedPreferTheme === "dark"){
    linkTagEl.href = ''; // 这里写主题文件链接
    linkTagEl.rel="stylesheet";
    linkTagEl.id="theme_css";
    headTagEl[0].appendChild(linkTagEl);
    document.documentElement.className += ' dark';
  }
})();
</script>
```

笔下光年/Light Year Admin Using Iframe v5

内容风险标识

评论 (6)

笔下光年/Light Year Admin Using Iframe v5 .gitee-modal { width: 500px !important; }

内容风险标识