saber酱的抱枕

生于忧患,死于安乐

11/12
21:41
软件

使用 prismjs 高亮 markdown 渲染出的代码

markdown 里的代码块用三个斜线包裹,可以指定代码的语言。如下

```javascript
let result = new Array(20).fill(0)
```

当 markdown 转换成 html 显示时,上面的写法会渲染出 pre 和 code 标签,并且 class 里带有语言信息:

但是此时代码并不会自动高亮。有个叫做 Prism 的 js 库经常被用来高亮 markdown 在 html 渲染出的代码。

Read More →

使用 prismjs 高亮 markdown 渲染出的代码

02/28
18:31
学习

js设置当前栏目名高亮显示

一个网页中左侧是栏目名称列表,右侧是栏目内容列表。现在想在左侧列表中高亮显示当前栏目,所以鼓捣出来了这段代码。实际上也用了点jq,没全部用jq是因为在for循环里用jq报错。

<script>
	var now_title=$('.title').text();//获取当前栏目标题
	now_title = $.trim(now_title);//去掉字符串中的空格,如果没有空格可以省略此步
	var arr1 = new Array(); 
	a=$('.left_nav>a');//创建栏目列表的数组
	for (var i = a.length - 1; i >= 0; i--) {
	    var cc=a[i].innerText;//获取当前元素的文字
	    if (cc==now_title) {//如果这个元素的文字和栏目标题一致
	        a[i].style.color="#fff";//则设置css的color属性
	    };
	};
</script>

js设置当前栏目名高亮显示