Vincent Bel's Blog

基于 Gatsby 搭建博客

Post on 03 September, 2017

本文首发于 https://blog.datapipeline.com/create-blog-by-using-gastby/博客搭建有许多的方案可供选择。我们使用了 Gatsby 搭建博客。这篇博客总结了 Gatsby 的一些好处以及开发过程中遇到的一些问题和解决方式。优点1. 基于组件开发Gatsby 使用的是基于 React 组件的开发。基于组件的开发更容易模块化和封装应用。更简单地给博客添加、修改功能。2. 支持离线访问博客页面在离线是也能访问。(当然,前提是已经访问过此页面)offline support3. 自动化响应式图片对于页面中使用到的图片,Gatsby 会自动生成多种分辨率的图片,并在不同设备上使用相应大小的图片。4. 由模糊到清晰加载图片图片加载会先显示一个模糊的轮廓图片,在显示原图。(从 Medium 和 Facebook 开始逐渐流行的显示方式)…

清醒思考的艺术

Post on 08 April, 2016

本文是《清醒思考的艺术》的读书笔记。记录了自己印象深刻的几条。题图来自https://connectedprincipals.com/archives/9887 。其余图片来自《清醒思考的艺术》。1. 幸存偏误音乐人雷托日常生活中总是看到成功的摇滚明星。于是他也组建了一个乐队,盼望着成为成功的音乐明星。但他成功的概率很小,他很可能也会和绝大多数的音乐人一样,最终走向失败音乐家的墓地。由于日常生活中更容易看到成功、看不到失败,你会系统性地高估成功的希望。每位成功的作家背后都有 100 个作品卖不出去的作家,每个作品卖不出去的作家背后又有 100 个找不到出版社的作者,每个找不到出版社的作者背后又有数百个抽屉里沉睡着刚动笔的手稿的写作爱好者。…

从 Largest Rectangular Area in a Histogram 说开去

Post on 16 April, 2015

这是 LeetCode 上的一道算法题,以下内容是我在解这道题的思路和这道题的一个应用。题目Largest Rectangular Area in a HistogramGiven n non-negative integers representing the histogram’s bar height where the width of each bar is 1, find the area of largest rectangle in the histogram.Above is a histogram where width of each bar is 1, given height = .The largest rectangle is shown in the shaded area, which has area = 10 unit.For example…

PL/0简单编译系统:(一)词法分析

Post on 11 January, 2015

词法分析是编译过程中的第一步,如果您还不了解 PL/0 编译系统的整体结构,请先查看PL/0 简单编译系统:(零) 综述。词法分析要做什么词法分析要做的是: 把源程序中字符识别成一个个的单词 (Token)。单词包括:保留字 ( 等)标识符( 等)常数 ( 等)分界符或操作符 ( 等)比如对于 c 语言的一段源程序: , 词法分析就会识别出保留字, 标识符,操作符 , 常数。单词分析从PL/0 语言文法的 EBNF 表示中可以看出:保留字有: 共 16 个。标识符组成:常数中只有无符号整数:分界符或操作符有: 共 17 个。采用保留字和分界符一符一类的方法,也就是每个保留字和分界符都分成一类,而不是所有的保留字一类,所有的分界符一类。所以一共有 16 + 1 + 1 + 17 = 35 类单词。建立 Symbol…

PL/0简单编译系统:(零)综述

Post on 10 January, 2015

对于有了一些编译原理理论基础的人,自己动手实现一个编译器将会有许多的收获。而一个编译器的构造十分复杂,要实现一个编译器更是十分困难。在这些编译器之中,PL/0 编译系统是一个十分简单的编译系统,十分适合于学习。这学期学了编译原理这门课程,期末自己动手实现了一个 PL/0 简单编译系统。接下来将记录在实现过程中的心得、遇到的问题和解决办法,如有错误之处,欢迎指正。PL/0 编译系统介绍对于一般的编译程序,总有如下典型的编译过程: 对于 PL/0 编译系统,也有上述的基本过程。而 PL/0 的编译过程分两个阶段进行:将源程序编译成 P-code。对 P-code 进行解释执行,得到运行结果。第一阶段:将源程序编译成 P-code第一阶段的主要过程如下图。这一阶段将会以语法分析程序为核心,通过语法分析程序调用其它各个模块来实现。生成的 P-code…

油压碟刹的调整

Post on 26 July, 2014

车型说明:GIANT ATX 777 2014 款刹车:彦豪 HDC 300 油压碟刹工具:5mm 六角扳手在骑完秦皇岛到大连的路线后,带着满是泥的车回来了,洗车的时候把前后轮拆了下来,装好之后发现会蹭碟,于是就开始学着如何调整油碟了~原以为油碟的调整十分麻烦,上网找了一些调整方法,发现油碟的调整相对简单。先看油碟的结构:如下图,用两个不同方向的图片对照着能更好的看清油碟的结构。下图中箭头指向的两个螺丝是同一个螺丝,只是用不同方向对照着看。1 和 4 是用来固定刹车的,2 和 3 是用来调节油碟内部结构的。蹭碟时只需用 5mm 六角扳手调整 1 和 4 螺丝,其他结构不同的碟刹也相应的调整固定刹车的螺丝即可。首先将 1 和 4 拧松(不要卸下来)到碟刹能活动的状态(用手轻轻摇一摇能动即可),边转动车轮边用手调节刹车到不会蹭碟的情况,这时捏紧刹把,然后同时拧紧 1 和…

Ubuntu 修改鼠标光标主题(mouse cursor theme)

Post on 25 July, 2014

操作系统版本说明:由于 Ubuntu 默认的鼠标光标主题 ( ) 看起来比较沉重,遂决意修改一下鼠标光标主题。获取鼠标光标主题在 gnome-look 有许多鼠标光标主题,挑选自己喜欢的下载。然后解压缩到 或者 目录下。本文中将鼠标光标主题修改为 (下载地址:https://gnome-look.org/content/show.php/OpenZone?content=11134…