不知道是不是我网络问题还是怎么的,不管是英文版的,中文版的Semantic-ui的在线文档介绍页都卡得不行,无奈之下只好找个离线文档,一开始以为是java那种的,没想到要在本地开服务器加载文档。且是英文版的。自行斟酌。

一番折腾,为大家带来教程

①保证自己具有node.js

②保证在全局安装了gulp,没有就输入以下指令全局安装

#npm install -g  gulp
  1. 全局运行就行
    #npm install -g docpad
    #docpad install eco;
    #docpad update; 
    #docpad upgrade;
  2. 在任意文件夹创建一个根目录文件夹app/
  3. app下clone两个git,一个是Semantic-ui和Semantic-ui-docs
    #git clone https://github.com/Semantic-Org/Semantic-UI-Docs.git
    #git clone https://github.com/Semantic-Org/Semantic-UI.git
  4. 将docs下载好的文件夹改名为docs,现在文件夹的目录是这样,一定要docs文件下紧挨着semantic-ui.x.x.x文件夹啊,不然下面安装的时候找不到docs文件夹的
    —app
    —-docs
    —-semantic-ui.x.x.x
  5. 各进入docs与semantic-ui.x.x.文件夹,运行
    #npm install
  6. 注意在semantic-ui.x.x.x运行到最后的时候,gulp会弹出让你选择,你就选择第一个就行了(第一个选项是自动配置安装)
  7. 上面都安装成功后,进入semantic-ui.x.x.文件夹,输入
    #gulp build-docs

    这一步如果docs与semantic文件夹没有紧挨是会报错的!

  8. 上面都可以了以后进入docs文件夹,输入
    #docpad install

    好了后

    docpad run
  9. 然后docpad服务器应该开了,使用了9778端口,如果端口占用,自行kill了,然后再运行
  10. 在浏览器输入http://localhost:9778/ 应该就可以看到semantic-ui的离线文档了

semnatic-ui-docs的github地址:https://github.com/Semantic-Org/Semantic-UI-Docs

您或许感兴趣

[2018-01-08]微信开发-微信小程序支付(PHP实现)
[2017-12-20]微信开发-微信小程序获取openid(php实现)

发表评论

电子邮件地址不会被公开。