上周末经历了一次腾讯的电面，来的突然，也没怎么系统复习。
缺乏完善的准备总是会导致颇多不满意之处，自己的缺点也暴露的很具体。善于搬砖和琢磨雕虫小技，基础不全面，有些地方只有个大概印象，理解的不够深入。想来平时乐于敲demo，为了追求高效实现，很多时候对于底层一点的技术细节确实浅尝辄止。
聊了大概50分钟，面试官应该是做iOS和Flutter的，非常和善，循循善诱。最后也给了很中肯的建议，还推荐了几个讲解视频给我。体验非常棒。完了就赶紧写论文去了，心里盘算着怎么加强一下，最好赶下次面试之前把这些都补回来。
这也是这几天折腾的缘起，决定回来继续写博客啦。养成积累的好习惯。
博客的作用
之前曾在cnblog写过几篇，用Hexo也搭过两次。技术偏少，人生感悟偏多。个人对网上复制粘贴的做法嗤之以鼻，随便记录的也不想放上来。因为认真写作很费时间，而且没啥人看，后来就一直放着了。
博客是个展示自我的空间，主要用途在于记录和分享。太过功利化和急于求成，反而容易钻牛角尖。反思之后觉得，写出自己满意且有价值的东西就够了。提升自己，回馈世界。总结的过程虽然费劲，但也是个积累经验的好方法。谁还不是读着前人的文章成长起来的呢？网络这么伟大的发明，应该让它更美好一点。
技术选型
Hexo作为这几年一直流行的纯静态博客框架，无论是在性能、效率还是个性化上都首屈一指，而且对MarkDown的支持也很适合写作&记录。其它符合要求的框架也很多，这里选了自己最舒服的。
网上有大量的介绍文章和插件，也方便了后续的美化改造。
主题定制
目前用的这一款，是在官网的展示列表上发现的Volantis（查了下是拉丁文飞翔的意思😝）
该主题完成程度很高，做了许多组件的封装，包括卡片、侧边栏和词云都是自带的。前身基于谷歌的Material Design设计，现在更偏向于各种现代设计语言的结合，例如卡片的圆角和浮动，毛玻璃背景等。个人觉得有种苹果的精致感，配色自定义程度也高，最后就选了这个。大赞作者@Xaoxuu 👍
基于个人喜好，对主题进行的改动有：
- 单独添加了Cover里面menu的颜色设定
- 降低了部分遮罩的透明度
- 更改了文本选中时的背景色
- 减小了底部版权信息与正文的间距
颜色搭配
正好最近设计了天意的夜间模式，了解了一下页面的配色。参考谷歌MD指引，你得选择一个颜色作为你的品牌主色调，然后附以相应的配色。主要需要考虑的有：
- 页面底色：位于最底层，推荐比较淡的颜色，不突出不伤眼
- 组件底色：用来承载主要内容，注意长期阅读的舒适感
- 主色调：用在一些关键的地方和重要操作上，如导航栏和标题的高亮
- 文本颜色：和组件底色的对比度要高一些，确保阅读清晰
- 辅助颜色：其它组成页面结构的内容，可根据主色调调节亮度而成
底色不推荐纯黑，因为艳丽一点的颜色在上面会有“震荡感”，也就是失去层次感受的稳定性。夜间模式时最好选择深灰色。此外总体上也要协调一致，看起来舒服。
本站的所有颜色都是根据主页顶图配的，绿色和黄色既是图片的主色调，又是网页的主色调，看起来就很和谐统一了（调了半宿🤣）。这张图出自画师@Yuumei，极爱她的此类画风，从偶然遇到就喜欢的不得了，一直收藏到今天。原图在此，根据其网站协议公开作者及链接，进行非商业化使用。非常感谢她的创作。
内容迁移
Hexo之间迁移非常简单，直接把/source/_post目录下的文件复制过去即可。
虽然之前也没写过几篇，还是顺手copy过来了🤦一条命令的事。
访问优化
主要根据Volantis主题的文档做了些处理。
- 开启CDN：全站大部分静态资源使用了
jsdelivr + GitHub托管 - 文件压缩：hexo-all-minifier
- 本地缓存：hexo-offline，注意设置忽略CDN托管的内容
- 图片懒加载：hexo-lazyload-image
- 减少不用资源的调用：有些没有使用的效果，直接去掉对其js文件的调用
统计分析
这里谷歌之后用了一个私有部署的产品，起因是看到国内某统计私自添加广告……并且之前对比移动端的统计时也发现，国产要的权限实在太多了，脸书的同类产品只需要网络访问权限。对比之下，高下立判。都自己建站了，还要让用户担心隐私嘛？
当然不。本站使用了符合欧盟GDPR（通用数据保护条例）的开源统计平台Matomo，并且私有化部署，不会侵犯或泄露任何访问者的个人隐私。
如果想保持彻底的匿名，请使用浏览器的无痕模式，站点将不会记录任何信息。
结语
经过这么一番折腾，博客就算弄好啦。后面就都是内容上的事情了。
设置菜单的时候，特意留了产品和实验室两个页面。虽然是静态博客，做个简单的展示还是OK的，后面所有的个人项目也会同步发布在这里。
博客兼个人主页，写技术写生活，总结积累的同时留下点滴记录。美滋滋😁
