我今天分享的这个东西，完全是个意外的产物。说句不好听的，是上次跟一个外包甲方扯皮扯出来的。
一切的起源：那次扯皮
话说那个甲方，一个做健康器材的公司，一开始定好的东西都快完工了，他突然跑过来说，现在流行“国风”，要我在整个网站里融入一些传统文化的元素。我当时就懵了。跑步机里塞个五谷神？怎么想的？
我跟他磨了一下午，他就是不松口，还威胁要扣钱。我气得火大，当场就把代码扔给他，说这活儿我不干了。走之前，为了出这口恶气，我决定自己弄一个跟他们业务八竿子打不着，但又极度“传统”的网站来平衡一下我的怨气。
就这么着，我想到了“五谷神”这个主题，也就是日本那边说的Inari。我决定把它弄成一个看起来很“官方”，但是给我自己解压的小项目。
实践的开始：从零到骨架
我回到家，第一件事就是打开了我的开发环境。这回我告诫自己，绝对不碰任何复杂的框架，就用最原始的HTML和一点点CSS，模拟出一个古朴又庄重的官方网站的样子。
小编温馨提醒：本站只提供游戏介绍，下载游戏请前往89游戏主站，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
我先是定了调子。一个关于神的网站，颜色不能太跳脱。我选了木纹的背景和深红色、金色的点缀。找图片的时候，我费了好大的劲，因为我要的不是那种俗气的动画图，而是要有那种历史沉淀感的雕塑或插画。
- 第一步：定主题与配色。我找了一张很老的木版画作为背景的灵感，把主色定在米白和古铜。
- 第二步：搭骨架。我直接手写了一个单页的布局，把网站分成了“历史源流”、“今日祭祀”和“各地分社”三个大模块，模拟官方网站那种简洁但信息量大的感觉。
- 第三步：内容填充。内容全靠我翻历史资料和民间传说瞎编，但措辞一定要像那么回事，用词要显得很正式，像公告一样。
的实现：细节的打磨
在打磨细节的时候，我遇到了一个小麻烦。网站名字叫“五谷神”，但怎么设计一个既有东方神韵又不显得俗气的Logo？
我试了五六种字体，决定用一种看起来很庄严的宋体字，然后在字旁边加上两个简化到极致的稻穗图案。这个小小的Logo我反复调了一晚上，才感觉对味了。它必须显得很官方，必须让人以为这是哪个真的宗教机构弄出来的。
最花时间的，是处理排版。我希望它在手机上看也很舒服，但我不想用那些大块头的响应式框架。所以我就用了最土的办法，给每个模块设置了一个最大的宽度，让它在小屏幕上能自动居中，把字号稍微调大一点，保证阅读体验。
这整个过程我花了一个周末。说是在做一个网站，不如说是在给自己的心做一个断舍离。每弄完一个区块，我的气就消了一点。当我把这整个页面推到我的测试服务器上跑起来时，看到那个古朴又严肃的网站，我舒服了。
那个甲方怎么折腾是他们的事，我完成了我自己的“国风”作品。虽然它不是用来挣钱的，但它是我自己的实践记录，够了。