phyng

我们用自研 React 框架，适配小程序、网页、React Native ，比学习其他人的框架要简单很多，持续迭代稳定运行多年了

我的用户名包含其中 3 个

4 year ago

@pheyer 字体问题大概因为你给的链接里面的字体大小是 16px ，然后可能还跟 font-family 也有关，这些都是 CSS 的问题；没有指定语言的时候 markdown 解析器自然不会高亮(高亮就是解析语言不同的 token 加上不同的 class 再通过设置不同 class 的样式)，可以写个程序给源文件指定一下语言
--
修正了没有语言的效果，字体大小设置为 16px ，(CSS 里面使用 !important 是很脏的代码- -!)： https://github.com/phyng/gitbook-plugin-prism-test/commit/92036de20f22df166ece9aec57b6fe9bcd9b17f7

@pheyer
1. 是的， js 不需要编译
2. npm 加 -g 参数默认是安装在系统目录，不加 -g 默认安装路径在项目文件夹下的 node_modules/
3. npm 通过 package.json 配置， gitbook-plugin-prism 项目的 package.json 里面写明了依赖 prismjs ，安装的时候会自动下载 prism
4. gitbook 的插件是通过 book.json 设置，但是每次改动插件需要通过 gitbook install 加载
---
我闲着试了一下，这个插件不完善， prism-okaidia.css 优先级不高，我简单的加了一些 important ……
Github ： https://github.com/phyng/gitbook-plugin-prism-test
Demo ： http://phyng.com/gitbook-plugin-prism-test/

使用这个插件 https://github.com/gaearon/gitbook-plugin-prism ，然后可能要修改一下 https://github.com/gaearon/gitbook-plugin-prism/blob/master/index.js 里面的这一行 var prismCSS = require.resolve('prismjs/themes/prism.css');，改成你要的 themes/prism-okaidia.css

最近有做过 推荐 https://github.com/giakki/uncss

颜色我只熟练使用#000 #222 #333 #666 #999 #CCC #DDD #EEE #FFF