对于博客外观的追求
我的愿景
#c 目标 blog appearance
这次对于博客的样式的期待是一个比较简洁，不要过于花里胡哨，也不要有太多的功能，这样，维护起来也比较简单。遵循KISS原则 Keep It Simple and Stupid 。类似于白纸黑字这样的风格。
就像下面的风格，来自于思源宋体官网。真的很喜欢！
#c 主题 no-style-please
于是物色了很久，最终敲定了一个Hugo(Hugo是静态网页生成器，也就是生成我站点文件的程序)站点主题，no-style-please, 这个主题题如其名，没有样式，看着还不错。于是就开启了我的定制之旅
字体问题
#c 问题 中文字体在哪
这个主题的作者是外国人，也就是说完全没有考虑中文和这个主题的适配性，如果直接使用，中文小号字会以特别丑陋的“像素宋体”出现，这是不可接受的。
#c 方案 仿宋
既然宋体很丑，那就换个和这种主题相配的衬线体，前面的一篇blog也说过，使用中文字体的代价很大，于是就只能在系统自带字体中进行选择。仿宋好像看着还行，也是衬线体，于是经过了尝试，最终放弃了。
问题不光是怎么调我都不满意，Windows调好了，拿Mac和Android呢？
#d 衬线体
这里我仅仅说下我粗浅的理解，就是字体的骨架上会有修饰，就像给线条上加上了衬托。通常在印刷产品上用的比较多，比如各种书籍，还有论文。
推倒再来
#c 偶遇 像素字体博客
在浏览中文字体在网页上应用的技术时，偶然发现了一个博客网站，里面的字体是像素的，而且看着还挺不错的。于是找到了它使用的字体zpix。
#c 再遇 与像素邂逅的网站
这个网站去年我就见过，当时是为了给0.96存的OLED屏幕(128x64分辨率)寻找像素字体，再次看到之后，真的爱上了他的样式，于是就开始对于它的模仿。
css部分（样式）
#c 模仿 f12
通过浏览器的f12可以打开开发者模式，里面可以看到每个html元素对应的样式，css通过选择器对html元素施加样式。这样通过观看目标网站的选择器中的属性值，就可以模仿出它的效果。
#d html元素
网页的基本组成部分，由一对标签构成。
#e 段落与标题 html元素
下面为两个htm元素
<h1>Welcome to cloudbox!</h1>
<p>Hello, world.</p>
#e 段落选择器
下面的选择器通过选择所有的一级标题，并应用以下属性（改变样式），比如字体，字重，还有padding margin border(间css盒模型).
h1 {
font-family: ZXR;
font-weight: 900;
padding: 10px;
font-size: 2rem;
margin-block-start: 0.83em;
margin-block-end: 0.83em;
}
#d css盒模型
参考火狐公司Mozilla写的开发者文档。盒模型 - 学习 Web 开发 | MDN
html template部分（内容）
#d html模板
html模板类似于用一种特定的语言生成html网页。
#e 生成网站简介 html模板
下面的例子通过读取配置文件中 show_description 来决定要不要包含网站描述。类似于if语句。
{{- if $.Site.Params.theme_config.show_description -}}
<p>{{ $.Site.Params.description }}</p>
{{- end -}}
#c 定制 定制网站
通过Hugo的文档，了解了Go模板（Hugo使用Go语言开发）基本使用方法，便可以按照自己想法来定制网站的内容。
Why复古风
#c 自白 对复古的喜爱
我真的挺喜欢上世纪80-90年代的风格，不论是计算机还是汽车。不知为何，可能是那个时候的东西保持着KISS原则，算了，就这样吧。我喜欢统一，不要割裂，就像我的博客站点一样。