前言

最近一段时间把我的博客重新美化了一番，今天就对这些工作做一个总结，并把方法归纳出来分享给大家，希望大家也能把自己的博客做成自己想要的样子，大概工作如下：

• 实时更新Next主题
• 添加可爱的小猫挂件
• 添加Chat聊天挂件
• 添加分享挂件
• 添加音乐界面
• 添加Valine评论邮件通知
• 添加相册界面

这些美化功能大部分只需要你花费半个小时左右就可以搞定了，我们马上开始吧！

前段时间尝试了deepin系统，所以目前很多东西都是用VS Code开发，今天尝试用VS Code来做web开发，用到了很多插件，这里分享一下。

HTML Boilerplate插件

通过使用 HTML 模版插件，你就摆脱了为 HTML 新文件重新编写头部和正文标签的苦恼。你只需在空文件中输入 html，并按 Tab 键，即可生成干净的文档结构。

安装方法

打开VS Code，使用快捷键Ctrl + P输入下面文字回车

ext install sidthesloth.html5-boilerplate

常用快捷插入示例

美化你的chrome标签页，自动更换壁纸Chrome插件

Momentum chrome插件概述

Momentum插件是一款自动更换壁纸，自带时钟，任务日历和工作清单的chrome浏览器插件。官方的解释就是：替换你 Chrome 浏览器默认的“标签页”。里面的图片全部来自500PX里面的高清图，无广告，无弹窗，非常适合笔记本使用，让装逼再上新台阶。让我来感受下出自细节，触及心灵的美。

Momentum chrome插件功能介绍

我们知道Chrome 的新标签页默认会显示经常访问的网页，多数情况下会比导航网站靠谱，但是我们是不是会觉得新标签页由于多年没换过，偶尔换个新鲜养眼的也不错？Momentum插件就是能帮助我们解决这个问题的，能给老掉牙的 Chrome 新标签页换个样式，首先添加一个漂亮的风景照，右上角显示当前城市天气，右下角可添加待办事项 Todo 列表，正中间显示系统时间以及今天的主要目标。

• 华丽的、赏心悦目的图片充满整个Tab页，忘掉Google默认的那个吧！
• 轻度的任务管理：设置今天的目标，以及查看过往Todo list来巡视完成情况。
• 时间、所在地天气、格言（英语谚语或来自某经典电影的台词…），合理的排布位置并没有让页面显得臃肿。
• 当然，常用网址和Chrome应用列表页也保留了。（点击左上角“Links”进入）
• 浏览器书签便捷管理，在你需要的时候轻松调出书签栏。

设置面板：