博客园二次元主题_进阶版
落墨无寂 人气:1
> 我是Mj,点击右下方"+"一键关注我.如果你喜欢我的文章的话呢,不要将我放在你的关注里面吃土好吗?欢迎多访问我的博客.
## 前言
没什么题材,把小号的文章搬过来.
最近有人找我要这个主题的代码。
我就来详细解答一下这个要怎么弄吧。
这是具体如何配置版,有些细节靠你自己脑补或搜索其它文章(我心想这篇文章你都找到了,其他热度更高的你还找不到?)
预览:
## 教程
### 材料
1、博客主题选Custom
2、禁用模板默认CSS**不要**勾选
[文件在这里下载](https://files.cnblogs.com/files/Areds/%E5%8D%9A%E5%AE%A2%E5%9B%AD%E7%BE%8E%E5%8C%96Code.rar)
文件目录
```
CSS.txt
侧边栏.txt
页脚.txt
main.txt
```
哦差点搞忘了，侧边栏支持js代码！！
### 侧边栏文件main
要注意的是侧边栏，侧边栏里的大部分都用文件代替，完全用它给我们的文件是无法达到自己想要的个性化的，导致很多链接（比如页首导航栏的链接都无法更改）会是其他人的，怎么解决呢？我们需要将他给我们的这个js的文件再行更改。
如果要达到方便，建议在txt里面直接更改，但是保存时我们需要把编码改为UTF-8，否则乱码。
txt里面你需要改的地方。
```
var time;
var normar_title = document.title;
document.addEventListener('visibilitychange', function () {
if (document.visibilityState == 'hidden') {
clearTimeout(time);
document.title = '离开时的字段';
} else {
document.title = '回来时的字段';
time = setTimeout(function () {
document.title = normar_title;
}, 3000);
}
});
```
***
```
$("#navList").append('首页 友链 留言板 归档 关于 ');
//添加标签icon
$('#blog_nav_myhome').prepend('');
$('#blog_nav_contact').prepend('');
$('#blog_nav_rss').prepend('');
$('#blog_nav_admin').prepend('');
$('#blog_nav_myyoulian').prepend('');
$('#blog_nav_myzanshang').prepend('');
$('#blog_nav_myguanyu').prepend('');
//添加li内嵌ui
let guanyu = '';
$('#blog_nav_myguanyu').after(guanyu);
}
```
***
```
//博客logo
var title = '
' +
'' +
'' +
'前面中间后面' +
'' +
'
'
$('body').prepend(title);
```
这个可以研究一下。
**main文件以后缀js的形式上传网络，放在侧边栏``````引号中间**
### 侧边栏代码
侧边栏有一段代码，可以直接更改main文件里面的参数。
```