Categories
  • 杂技浅尝 (29)
  • 论文精读 (2)
  • 学海无涯 (1)
    • Featured Tags
  • blog (16)
  • 前端 (9)
  • hugo (7)
  • css (6)
  • docker (6)
  • 环境配置 (5)
  • bootstrap (3)
  • mac (3)
  • js (2)
  • python (2)
  • alpine (1)
  • bash (1)
  • bug (1)
  • carousel (1)
  • conda (1)
  • dockerfile (1)
  • generalization (1)
  • git (1)
  • gitignore (1)
  • graphics (1)
    • Recommend Series
  • Blog养成记 (16)
  • 前端试水 (3)
  • 慢学docker (3)
  • Mac小白探索记 (2)
  • 每周paper精读 (2)
      • Sci-tech
      32 posts
    Blog养成记(16) 自建Hugo的TOC模板
    • Aug 25, 2018
    • 5 minutes read
    Table Of Content是一个十分常用的功能，这个系列的第13篇Blog养成记13 增加一个TOC侧边栏就是为了这个做准备，只不过是在静态页面上尝试想要的样式。本文用到的样式都基于第13篇中增加的css样式。
    Blog养成记(15) 创建shortcode模板便捷高亮内容
    • Aug 21, 2018
    • 3 minutes read
    为什么使用shortcode 由于Hugo支持在文本内容中使用html标签，因此在文本中的文字如果需要高亮可以直接使用<mark>标签即可。但是code fence中的代码如何进行高亮呢？直接在code fence中使用html标签会被默认为文本（理应有办法转义，但暂时还不了解）。 之前我的方案是使用highlight shortcode(参见Blog养成记3 Hugo的语法高亮配置)，但是由于h......
    Blog养成记(14) 让同页滚动更平滑
    • Aug 18, 2018
    • 2 minutes read
    上一期说到增加toc侧边栏，但是直接跳转非常突兀，因此特地找了让同页跳转滚动更平滑的插件。使用步骤如下： ......
    Blog养成记(13) 增加一个TOC侧边栏
    • Aug 17, 2018
    • 5 minutes read
    想在页面右侧保留一个固定在屏幕上的TOC导航栏(Table Of Content)，可以直接选择跳转的网页段落位置，此外也可以提醒文章结构。 Scrollspy 这个插件bootstrap中有，起名叫scrollspy滚动监听，但是原版的实在不是我想要的样式。之前在blog养成记10-实现幻灯片轮播效果中使用的mdb的这个插件有更好的样式，不过可惜这个是pro的样式，所以只能自己动手丰衣足食啦。 Bootstrap基础版 sc......
    前端试水(3) 自适应与响应式布局
    • Aug 14, 2018
    • 5 minutes read
    前言 其实一开始并没想考虑响应式布局的问题，但由于在幻灯片大图时找的样例有考虑到这个，就想对浮在幻灯片上的文字能否也有响应式的效果。昨晚研究一下，虽然没太掌握，效果也没有达到最优，但总算完成基础需求。 自适应布局与响应式布局 自适应布局和响应式布局网上有不少介绍，我比较认同以下这种。 自适应布局是很显然易见的概念，就是网页能自动适配不同大小屏幕，根据屏幕大小自动调整网页内容的宽度和高度，但是内容和布局还是......