关于博客迁移

旧的服务器已经到期，之前买来是用作练习的，近期也没时间维护，所以就不续期了，把博客迁移到GitHub Pages上来了。 GitHub Pages基于 Jekyll，本博客也是套用了一个 Jekyll的模板。 今后有空，还是会定期更新博客内容，主要是公司最近融了资，工作比较忙。 ~ 愿和大家一起走上巅峰

2018, Mar 06   —  1 minute read

蹭一波最近的热度，我们是谁？ 在线生成

主要就是用一张空白的图，然后使用canvas把用户输入的文字画上去，比较简单。 就这样的界面， 访问地址 https://who.diamondfsd.com PC端 移动端

2017, Aug 20   —  1 minute read

使用webpack+vue+less开发，使用less-loader，配置全局less变量

Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性，在阅读这篇文章的时候，笔者假设你已经有了一定的less编码经验。以下将不会讲解less的用法。 我们在构建一个页面的时候，会定义一些基本参数，例如主色调，文字颜色，标题颜色，副标题颜色，字体大小等等。 通过统一的参数，可以保证页面整体风格的一致性。 在使用Vue模板进行开发的时候，我们把每个页面组件化，组件内的样式就写在组件自身的<style>标签内。 这时候我们需要引用一个变量，通常的方式是专门定义一个公共的variables.less 然后在每个需要使用这些变量的组件内，使用 @import 'xxxpath/variables.less';，主动引用的方式，来引入这些变量。 当组件少的时候还好说，当组件过多的时候，每次都引入就比较烦了。 最近在使用Vux-components这个组件库的时候，该作者提供了一个...

2017, Jun 17   —  2 minute read

使用 GitHub OAuth 第三方验证登录

现在很多站点都支持第三方登录功能。 作为一个技术博客，目标受众项是一批程序员，第三方登录的就选中了github。 这篇文章注意是讲一讲如何给自己的博客添加github自动登录功能。 OAuth 2.0 说到第三方登录，不得不提的一个知识点就是 oauth 2.0。 OAuth（开放授权）是一个开放标准，允许用户让第三方应用访问该用户在某一网站上存储的私密的资源（如照片，视频，联系人列表），而无需将用户名和密码提供给第三方应用。 —- 百度百科 这个协议在认证和授权的时候涉及到： 服务提供方，例如 GitHub，GitHub上储存了用户的登录名，Email，昵称，头像等信息 用户...

2017, Apr 27   —  2 minute read

当我们谈论懒的时候，我们在谈论什么

懒，是推动人类进步的唯一动力 人们因为懒得走路而发明了汽车，因为懒得出门而发明了电话，因为懒得洗衣服而发明了洗衣机，因为懒…… 我们尚不考究这些发明的是不是因为懒。 但是这些发明的确高效的推动了社会的发展，人类的进步。 如果你看过《2001太空漫游 2001: A Space Odyssey (1968)》这部电影，那你一定对下面这张剧照非常熟悉。 剧照中的这只猩猩，是这个星球上第一位拿起一根骨头当做工具的生物。他忘情的捶打地上的残骸，开心至极。最后，他将手中的骨头，奋力的抛向天空中，摄像机的镜头跟随者这根骨头，指向了茫茫太空。 一个新的时代，来临了。 这里我想表达的是，使用工具，勇于尝试，敢于冒险，是进步的基础。 我在工作中如何去偷懒 从计算机语言开始，每一名程序员都为了偷懒而做了很多伟大的事情。...

2017, Apr 21   —  1 minute read

当我在写一个评论通知功能的时候， 我在想些什么？

最近忙完了公司的事情，在空闲时间，来更新一下自己的博客了。现在博客在我个人博客在自己的努力推广下，终于有了一些访问量（屈指可数），有一些朋友会回复一些文章进行询问和探讨。 由于没什么时间，一直没有完善评论功能，还必须每次登陆后台才能知道有没有新用户的评论。 大部分时间都不能及时回复，回复的话，用户如果不来浏览你的网页，他也不知道，所以就想做一个邮件提醒，告诉用户，有人回复你的评论了，快来我博客看看。 需求分析 总结起来就两个功能 用户评论后，发送邮件通知博主 博主在后台可以回复对应的评论，并且如果评论人填了邮箱，发送通知到评论人 我们来细分一下这两个功能，以及讲一下具体的实现。大家可以想一想，如果是你，你会如何去实现这一简单的功能，有不同的意见，欢迎大家进行交流和探讨。 表修改 新增两个字段， reply_id 和 from_author reply_id 用于记录是回复的哪个评论，...

2017, Apr 01   —  8 minute read

用 Vue + Audio API 实现的热门小游戏，八分音符

预览地址： https://8.diamondfsd.com/ （谷歌浏览器打开最佳，不支持移动端，不支持IE） 会有麦克风权限申请，需要允许才可以正常玩耍，如果不小心点了禁止，可以在浏览器地址栏的右边，重新点击允许 Github: https://github.com/k55k32/quaver 游戏截图 由来 最近看这个游戏比较火，个人也是比较闲。 今天花了一下午的时间，来完成这个当前比较火的小游戏，八分音符。 看了这个游戏，原理也很简单，我们只需要获得声音，然后把声音转换为数字，最后控制小人移动就可以了。 声音的输入 我们发现这个游戏的原理很简单，就是通过声音来控制小人移动，声音越大，跳得越高。 所以要做这个小游戏，我们就首先要解决的问题就是，如何从浏览器获得声音。这方面的东西，我以前也接触的不多。所以我只能先面向谷歌编程。 最后我搜索到了这篇文章：...

2017, Feb 26   —  2 minute read