使用 revealjs 制作 ❤️
很久之前在为 CodeLab 做新网站的时候,花了一些时间尝试各种字体效果,当时看到一个“鼓吹”使用 SVG 做创意字体的网页幻灯,那时对 SVG 基本还一头雾水,但是对这个幻灯的风格印象非常深刻。这两天开始用 reveal.js 后,又把那个找了出来,果然,明显就是用 reveal.js 做的,接上了。
再顺便记一个图片显色有关的问题,我用的是默认 black 主题,但是把颜色改为了纯黑(#000),为了使插入的图片与黑色背景完全融合,就把图片的背景也都设为纯黑,就像现在这样。但这中间其实有一个曲折,黑色背景、纯白字体看久了太刺眼,中间曾经想把整个背景色换成其他近黑色的颜色,但是问题来了,即使把图片的背景色设为和幻灯背景相同的颜色,在 GIMP 中图片看起来也是完全一样的,可是一但导出 PNG 在火狐浏览器或是 Ubuntu 自带图片显示器中呈现时就会有明显色差,也就是图片背景显然和幻灯背景不同颜色,无法融合。在网上搜了一下,看到也有其他人说是软件显色的问题,拿到谷歌浏览器里去试果然没有问题,图片与背景完美融合。不知道怎么解决(或是否需要解决),还是使用了彻底的黑色背景。
使用 Github Pages 发布参考这个教程,分支需命名为 gh-pages
,另外我有一点没有做的就是没有把原仓库的 commit 历史先删除干净,又学到了:
rm -rf .git
git init -b gh-pages
git add .