Post Archives :: 前端笔记

This page is generated by Auto Pages.

  • 中文网页字体设置

    由于中文字体通常体积较大,在 web 中使用中文字体确实需要一些技巧。我也一直在纠结使用什么样的字体能有更好的阅读体验,鼓捣过 Typekit 加载思源宋体,可难免会拖慢加载速度,有时还不能成功加载,只能换回系统内置字体。今天就好好研究下网页字体的使用,一劳永逸!

  • 为页面自动添加二维码

    很早之前我也在博客分享按钮里面添加过二维码,后来换了模板就舍弃了。这次修改这个博客主题,又尝试加回来,鼓捣鼓捣也可以扫一扫了!

  • 简化博客部署

    利用 GitLab CI 简化博客部署流程,和 GitHub Pages 加 Travis CI 的搭配一样,只需推送 git 即可部署到 Firebase。

  • Sass 基础

    该来的总会来,用到的时候总是要去学习的。Bootstrap 进入 Beta,就想着是不是要折腾一下博客模板,这次就试试用 Scss 来更新吧。

  • Web 中使用思源宋体

    近期,Adobe 和 Google 联合发布了思源宋体,给了我一个惊喜,终于有个可以放心使用的开源宋体了,而且字体设计得挺和我心意。

  • Jekyll 中使用 KaTeX

    笔记中遇到公式在所难免,使用 MathJax 可以方便地在网页中渲染这些公式,可一旦公式较多,页面加载起来就很慢,于是使用 KaTeX 加速公式渲染。

  • CSS 选择器笔记

    CSS 选择器用于选择需要添加样式的元素,其重要性不言而喻。最近更新博客模板就不断调整 CSS 样式,好多时候就因为选择器不熟悉而不能应用样式,所以干脆好好学习总结一下常用的 CSS 选择器,也为下一步学习 jQuery 做好准备。

  • 解决中文 hash tag 在 Firefox 中语法错误问题

    最近重建博客模板,新加入了 scrollspy 功能,又按网上的建议,增加了 smooth scrolling。按预想,点击侧边栏目录中的锚点可以滚动到文中相应的标题位置,这在 Edge 和 Chrome 中都能很好运行,而在 Firefox 中却因为中文 hash tag 出现了语法错误。

  • 使用 Disqus API 加载最近评论

    Disqus 以前提供了最近评论的 JavaScript 代码,但是官方提示说不再继续支持,而是提供了新的 Disqus API 供开发者使用。那么我们好好把 Disqus API 用起来,做一个最近评论的列表吧。