最近关注了一个vps推广网站。价格合适，于是买了一个128元/年的云服务器。既可以用来做代理，又可以搭建个人博客 配置是2G/1M/40G(运存/带宽/硬盘)
整套流程走下来放在自己购买的服务器上才有这个网站属于自己的感觉, 有种满足感。之前部署在gitpage上的博客不准备撤销。这样两个域名都可以访问我的博客
……最近关注了一个vps推广网站。价格合适，于是买了一个128元/年的云服务器。既可以用来做代理，又可以搭建个人博客 配置是2G/1M/40G(运存/带宽/硬盘)
整套流程走下来放在自己购买的服务器上才有这个网站属于自己的感觉, 有种满足感。之前部署在gitpage上的博客不准备撤销。这样两个域名都可以访问我的博客
……最近在写技术博客时，引入的代码太多，影响观感。 在尽力减少代码量，还是有些不可或缺的代码，代码量很惊人，已经占满整个屏幕.
因为个人博客是使用hugo生成的静态博客，我刚开始想的使用原生的js和css来实现，奈何技术不足，我是做后端的，一度想放弃
后面还是在网上发现h5有个新的标签<details><summary></summary></details>可以实现显示/隐藏的功能。
今天给我的个人博客加了个暗模式，这样可以在晚上阅读博客的时候不伤害眼睛。突然想到如果在阅读博客的时候可以听听音乐就更好了。 于是在github上找到了一个开源的项目MetingJS，看最后一次commit信息是3年前，但是看着README.md对网站的描述信息，是我要的音乐播放器无疑了。
把下面这段代码放到html页面中。
<!-- require APlayer -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css">
<script src="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js"></script>
<!-- require MetingJS -->
<script src="https://cdn.jsdelivr.net/npm/meting@2/dist/Meting.min.js"></script>
<meting-js
server="netease"
type="album"
mini="true"
fixed="true"
autoplay="true"
loop="all"
id="">
</meting-js>
……可以右键另存为
APlayer.min.css,APlayer.min.js,Meting.min.js网站本地文件。
如果你的网站是wordpress，则可以参考以Darkmode.js为基础的插件:
如果你正在使用Nuxt.js,则可以使用下面的模块
使用Darkmode.js给网站快速部署上暗/浅色切换。
在网站的html中加入如下代码:
我的个人博客已经搭建好了，使用的hugo+飞雪的主题。我看到有些博客上有些随机的名人名言，但是这个主题没有。遂自己写一个。
飞雪主题的github: https://github.com/flysnow-org/maupassant-hugo
复制主题里的文件themes/maupassant/static到自己的博客根目录下。新增文件static/js/quotes.json,内容于下：
我是从18年开始写一些东西，先写在看云笔记上，后面东西越来越多。写出来的东西比较零散.
20年下半年入职新公司，开始在csdn上写博客，今年我准备尝试使用个人博客，hugo和gitPage结合部署静态博客，csdn上没怎么更新.
……我用过的静态博客有hexo、jekyll和hugo，对比起来，hugo虽然没有hexo那样丰富的插件和主题，但是hugo生成文章的速度更快。我是一名go语言爱好者，而hugo是go语言开发的, jekyll是用ruby开发的。于是我选择了hugo。下面我把hugo的安装步骤记录下来，供后来者参考。
……