这篇文章…

这篇文章诞生的原因是我做了几个月网站 (闲得蛋疼),想要总结一下这几个月来我做网站的感悟。网站的质量虽然说没有那么高,但是也付出了我的不少心血。

我的网站设计风格

无论使用什么cms系统,你可以看到网站的整体风格出来都是差不多的。因为我对网站风格有一种执念,就是让它尽可能的体现清丽的特色。这里放几张我网站的图片:
我的blog:
blog
我的alist:
alist
我的个人主页:
index
我尽可能多的运用透明的设计语言,是为了让整体看起来更加的清新 (同时也是为了展示后面的老婆图[doge]),能感受到,运用了透明的设计之后,网站整体看起来更加的通透,这跟那些比较硬核的设计风格,比如说白配黑之类的是不一样的,那种设计风格对我来说太硬派了,也不符合我二次猿的身份,对吧?
并且,网站的图标大量的使用了粉色的元素,就很猛男,而且你不感觉粉白之间非常搭吗[doge]?

强迫症

高情商:精益求精的设计态度,低情商:强迫症。
我在设计网站的时候确实也有很重的强迫症。我最早做的网站其实是我的个人alist,它的样式不便更改,需要逐元素地更改样式。一开始按照网上教程改了一些,想要改成全透明(一图流.jpg),但是到最后发现还有一些元素没有应用到透明的样式中,这让我非常不爽,最后只能自己用浏览器控制台自己去改。确实,我对UI一致性的要求非常的高。
这种强迫症也体现在我网站设计的方方面面。我希望我的大部分网站使用差不多的样式,而且看起来一定要和谐,不和谐的话,我会去反复调试很多次。这确实给我带来了不少困扰。但是追求完美总是没有错的。

二次元

这一点恐怕就不必说了,我的网站没上一图流,好像就少了点什么…
感谢https://t.mwm.moe的图片接口,支持设备自适应,图片清晰度也很不错,是我见过的最好的随机图片api之一。

样式分享

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
[data-theme="light"]
/* 首页文章卡片 */
#recent-posts > .recent-post-item {
background: rgba(255, 255, 255, 0.8);
}
[data-theme="light"]
/* 首页侧栏卡片 */
.card-widget {
background: rgba(255, 255, 255, 0.8) !important;
}
/* 文章页面正文背景 */
[data-theme="light"]
div#post {
background: rgba(255, 255, 255, 0.8);
}
/* 分页页面 */
[data-theme="light"]
div#page {
background: rgba(255, 255, 255, 0.8);
}
/* 归档页面 */
[data-theme="light"]
div#archive {
background: rgba(255, 255, 255, 0.8);
}
/* 标签页面 */
[data-theme="light"]
div#tag {
background: rgba(255, 255, 255, 0.8);
}
/* 分类页面 */
[data-theme="light"]
div#category {
background: rgba(255, 255, 255, 0.8);
}

[data-theme="dark"]
#footer {
background: transparent !important;
}

最后…

我最后要说的是,如果我的工作对你有所帮助,那自然是极好的。你不喜欢我的网站风格,那也无妨。但如果你从未做过网站,那么我希望尽快开始制作你的第一个站点。在这个越来越碎片化的时代,维护这样一个传统的网站是非常不易的。博客、论坛是坚守互联网精神的最后体现。我希望有更多的人开始不受平台约束的创作,就像那句话说的一样”this is for everyone”。