个人博客美化(总结、分享)

本文分享了如何将博客主题改为EVA风格,包括修改为中文、调整配色、设置封面轮播图、替换Logo及配置评论区。通过修改config.yml文件和css样式,以及利用第三方资源如P站图片,实现了个性化定制。此外,还介绍了使用PPT制作透明Logo的技巧,并探讨了添加评论和统计访问的方法。
摘要由CSDN通过智能技术生成

博客美化(经验)

|主题:EVA、新世纪福音战士、初号机、二号机

|颜色:基础黑白、紫色、绿色、红色

|取材:P站、贴吧eva

|我这里只写我的经验,具体的参考主题作者写的笔记具体

修改主题为中文

​ 这个其实我解决了很久,但是很简单,每一个页面的标头是英文的,我想改成中文,找了好久,其实很简单,真的简单。如下

​ 打开blog的目录下的config.yml,注意是blog的主目录下的,不是主题下的。

​ 在这个里面修改成中文就可以了,我找了好久,但是就是这么简单,如果有修改中文子的话到主题的目录下,找到languages里修改即可。

修改网页的配色

​ 就是这里的颜色

​ 这个我也找了很久,但是原作者给出了修改的方法,T.T,刚开始没看到,所以阅读别人的文章一定要仔细。

在主题文件的 /source/css/matery.css 文件中,搜索 .bg-color 来修改背景颜色:

css

/* 整体背景颜色,包括导航、移动端的导航、页尾、标签页等的背景颜色. */
.bg-color {
    background-image: linear-gradient(to right, #4cbf30 0%, #0f9d58 100%);
}

@-webkit-keyframes rainbow {
   /* 动态切换背景颜色. */
}

@keyframes rainbow {
    /* 动态切换背景颜色. */
}

在这里可以设置的颜色有很多,需要一个一个对比设置成自己喜欢的。[]( ̄▽ ̄)*

封面轮播图设置

​ 这个需要注意,markdown文章要开启推送到封面的功能。

​ 在主题的config文件里。

​ 作者的配置目录写的详细

网页图片

​ 大部分的EVA图片都是从P站下的,只需要把原来作者的图片替换了就可以了,在目录在 /source/medias/banner 文件夹中更换你喜欢的 banner 图片,主题代码中是每天动态切换一张,只需 7 张即可,

关于视频和音乐

​ 问题我在总结里写过了,这里不做赘述

网站的logo

​ 因为是EVA的主题,理所当然的找了NERV来当logo,但是透明背景的logo,怎么做?除了用ps,还可以用PPT。方法如下:

  1. 打开空白的ppt

  2. 插入图片

是不是很方便,很实用

评论区的配置

​ 在作者的配置文档中,给出了很多种方案,我选择leancloud+valine,因为是静态的博客,单独的网页是不可能实现评论的功能的,需要第三方的插件。

​ 这是我参考的文章:添加评论

网页背景

​ 网页的背景和特效设置并不难,也在主题的config里,最后一部分,一开始我以为没有,找了我就久,等设置到了后面,才看到,高兴死我了。

其他

​ 其他的就没什么了,主题的作者都写的挺好。边看边设置就行了,如果还有其他的话,我会更新。

计划:

还没有做的

  • 统计网页访问
  • 更好看的live2d
  • 相册区和音乐区
  • 更好的EVA壁纸
  • 一些动态效果
  • 加载时的动画
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

无法长大的Panda

您的鼓励是最大的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值