博客园主题美化

博客园主题美化

今天星期六,趁着有闲暇时间,我就搞了一下博客的美化这一块

我的博客平台是博客园,在开始之前,我搜了很多美化方面的内容,但是有的并不是很好看,终于,我发现了一款很漂亮的主题,它完全改变了我对博客园的映像...

先给大家看看我现在的界面:

也可参照我的博客:

主题代码下载地址

打开是这样的

复制粘贴代码这一块,说简单也简单,说麻烦也有点麻烦

步骤:

打开博客园后台——设置

因为这个主题是按照Custom这个主题修改的,所以博客皮肤选Custom

如果要应用新主题,侧边栏要申请js权限

找到下图位置,开始申请,只要理由合理,过不了多久就可以通过了

将对应的文件复制到博客园后台就可以了,不过需要修改一些参数,不然就是别人的页面了。

  1. 页面定制CSS代码——page.css
  2. 博客侧边栏公告——sidebar.html
  3. 页脚——foot.html

注意以下几个地方:

下载的文件中有个main.js的文件,在这个文件里可以修改一些自己想要的效果

修改完之后可以把main.js上传到博客园后台的文件中,之后在侧边栏公告那里添上一句代码:

<script src="你的地址"></script>

对于侧边栏:

这里修改主页的背景图片

homeTopImg是主页的图片,引号里面是图片地址,可以放多个图片地址,用引号括起来,逗号隔开;

notHomeTopImg是随笔顶部图片,引号里面是图片地址,可以放多个图片地址,用引号括起来,逗号隔开。

<!--离开页面改变title-->
var time;
var norm_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);
	}
});

这里可以更改页面的标题

下面代码可以制作一个倒计时,它会显示你注册博客时到现在为止过去的时间

<script type="text/javascript">
	function NewDate(str) {
		str = str.split('-');
		var date = new Date();
		date.setUTCFullYear(str[0], str[1] - 1, str[2]);
		date.setUTCHours(0, 0, 0, 0);
		return date;
	}

	function showsectime() {
		var birthDay = NewDate("2020-03-05");
		var today = new Date();
		var timeold = today.getTime() - birthDay.getTime();
		var sectimeold = timeold / 1000
		var secondsold = Math.floor(sectimeold);
		var msPerDay = 24 * 60 * 60 * 1000;
		var e_daysold = timeold / msPerDay;
		var daysold = Math.floor(e_daysold);
		var e_hrsold = (daysold - e_daysold) * -24;
		var hrsold = Math.floor(e_hrsold);
		var e_minsold = (hrsold - e_hrsold) * -60;
		var minsold = Math.floor((hrsold - e_hrsold) * -60);
		var seconds = Math.floor((minsold - e_minsold) * -60).toString();
		document.getElementById("showsectime").innerHTML = daysold + "天" + hrsold + "小时" + minsold + "分" + seconds + "秒";
		setTimeout(showsectime, 1000);
	}
	showsectime();
</script>


对于图片的路径问题:推荐聚合图床

注册账号后可以上传本地图片:


打开 可以复制不同格式的链接

superbed 可以一键复制图片链接

用这个可以很好的保证图片的安全性和不易丢失性

大家可以琢磨琢磨,界面效果还是不错的

参考: github.com/Zou-Wang/CNb

玻璃钢生产厂家大庆玻璃钢树池批发香港商场美陈批发枣庄玻璃钢装饰生产厂家海南玻璃钢家具批发固原玻璃钢坐凳加工嘉兴玻璃钢坐凳加工西安玻璃钢花坛厂泰州商场美陈生产厂家潮州玻璃钢茶几价格中卫玻璃钢外壳批发大连玻璃钢外壳多少钱晋中玻璃钢餐桌椅价格吕梁玻璃钢花盆批发芜湖玻璃钢装饰工程制造湛江不锈钢花盆曲靖玻璃钢休闲椅价格宝鸡不锈钢家具公司榆林不锈钢雕塑加工山西玻璃钢动物雕塑咸宁玻璃钢花槽湖北不锈钢家具价格新乡玻璃钢沙发多少钱中山玻璃钢造型公司杭州玻璃钢制品厂家白城玻璃钢垃圾桶公司百色玻璃钢人物雕塑厂中卫玻璃钢花盆加工枣庄玻璃钢花坛价格中卫玻璃钢花瓶定制铜仁玻璃钢公仔雕塑厂香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡 多方发声卫健委通报少年有偿捐血浆16次猝死汪小菲曝离婚始末何赛飞追着代拍打雅江山火三名扑火人员牺牲系谣言男子被猫抓伤后确诊“猫抓病”周杰伦一审败诉网易中国拥有亿元资产的家庭达13.3万户315晚会后胖东来又人满为患了高校汽车撞人致3死16伤 司机系学生张家界的山上“长”满了韩国人?张立群任西安交通大学校长手机成瘾是影响睡眠质量重要因素网友洛杉矶偶遇贾玲“重生之我在北大当嫡校长”单亲妈妈陷入热恋 14岁儿子报警倪萍分享减重40斤方法杨倩无缘巴黎奥运考生莫言也上北大硕士复试名单了许家印被限制高消费奥巴马现身唐宁街 黑色着装引猜测专访95后高颜值猪保姆男孩8年未见母亲被告知被遗忘七年后宇文玥被薅头发捞上岸郑州一火锅店爆改成麻辣烫店西双版纳热带植物园回应蜉蝣大爆发沉迷短剧的人就像掉进了杀猪盘当地回应沈阳致3死车祸车主疑毒驾开除党籍5年后 原水城县长再被查凯特王妃现身!外出购物视频曝光初中生遭15人围殴自卫刺伤3人判无罪事业单位女子向同事水杯投不明物质男子被流浪猫绊倒 投喂者赔24万外国人感慨凌晨的中国很安全路边卖淀粉肠阿姨主动出示声明书胖东来员工每周单休无小长假王树国卸任西安交大校长 师生送别小米汽车超级工厂正式揭幕黑马情侣提车了妈妈回应孩子在校撞护栏坠楼校方回应护栏损坏小学生课间坠楼房客欠租失踪 房东直发愁专家建议不必谈骨泥色变老人退休金被冒领16年 金额超20万西藏招商引资投资者子女可当地高考特朗普无法缴纳4.54亿美元罚金浙江一高校内汽车冲撞行人 多人受伤

玻璃钢生产厂家 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化