为 WordPress 文章添加代码高亮支持

为 WordPress 文章添加代码高亮支持

WordPress 编辑器没有代码高亮功能,为改善文章代码片段显示效果,研究了下手动添加方法。先找个代码高亮 JS 现成轮子(这里用的是 Google Code Prettify),然后设置按需加载和触发事件,最后添加 CSS 样式,往编辑器添加代码插入按钮就完成了。

杂记 Eric 849 次浏览
设置网页元素随滚动而隐藏或显示

设置网页元素随滚动而隐藏或显示

上图效果经常用在网站导航菜单里,当用户向下滑动网页时自动隐藏菜单栏,向上滑动则显示。这样即可以充分利用屏幕高度,也能让用户方便地访问菜单。

杂记 Eric 901 次浏览