如何将less文档部署到自己的网站

ppylox
·1/3/2022·0 阅读
AI 摘要模型根据正文自动生成,仅供参考

针对官方Less文档中文不全且编译困难的问题,本文介绍自行部署Less文档的步骤:从Gitee克隆lessdocs源码;用npm安装依赖及coffeescript,并全局安装grunt-cli;修改Gruntfile.js中package.src下载地址,改用国内可访问地址以规避编译报错;最后执行node data/_utils/pkg && grunt --force编译,将生成的静态文件上传网站即可。需注意官方文档命令中utils应为_utils。

由于目前公司的项目都是vue项目,css采用less,所以在网站找了一些less的教程,但是排在前面的教程只有部分中文汉化。

 

所有有着自己部署less文档的想法,从github项目能看到说明文档,但是过于简洁,而且按照官方文档的说明编译不了。

 

最终从网上找到了一些汉化的版本。照着说明操作一番,虽然中间还是有一些曲折,但是好在最终能正常编译。

 

具体操作步骤如下:

 

下载源码:

git\nclone https://gitee.com/wilkwo/lessdocs.git

 

安装依赖

npm i 安装package.json文件中的依赖

npm i coffeescript  // 后面编译需要用上这个依赖包

npm i grunt-cli -g  // 全局安装grunt,否则后面执行grunt命令的时候会找不到(mac下需要用sudo命令)

 

修改Gruntfile.js里面的文件download下的package.src地址

默认是从 https://raw.githubusercontent.com/less/less.js/master/packages/less/package.json 下载,但是这个地址能正常打开,但是编译到这个会报错,所以可以绕过这个问题,将文件下载后上传到其他国内的网站,这样就能正常下载了。

 

最后执行 node  \ndata/_utils/pkg && grunt --force  命令就能编译成功了。编译完成将生成的静态文件上传的网站就大功告成了。

 

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n

注意官网提供的node\ndata/utils/pkg &&grunt     其中utils有错误,因为代码里面已经改为_utils了,但是文档还没改。

相关文章

评论 (0)

暂无评论,来写第一条吧