我就是阿谁零根本小白，前端、网页什么的我都没有学习过，只是有一点C#的Winform编程事情经验。做这些对象只是兴趣使然，遇到不懂的处所也只能本身找资料自学。
本文只是想记录一下本身的学习经历，也为其他有兴趣的同胞供给一些参考。
使用的是开源项目geekape/geek-navigation，这是最终的导航网站 猿导航 。

筹备事情

开始之前，你必需筹备好下面的事情：

安置了node.js、npm（安置过程参考安置Node.js和npm）

安置了git for windows（或者其它git客户端）

代码编纂软件（我用的是VS2017）

电脑连网，网速不能太差

上面这些工具是我在折腾小我私家博客网站和GitBook时安置好的，安置问题可以网上查找教程，这里不在赘述。
我安置的node.js是node-v10.16.0-x64、Git客户端是PortableGit-2.22.0-64，下载链接在文章末尾。

有感而发：小我私家博客网站现处于无限期暂停状态，主要原因是技术不够会浪费很多时间走弯路、需求也不迫切。GitBook项目处于无限期延迟状态，一方面是我太懒了一拖再拖，一方面也没有想好写什么，目前靠写博客堆集经验。这里对软件进行归纳整理也是为了以后重启项目便利。干工作不能只有三分钟热度啊，哎！——2019-12-29

下载导航源代码

安置好PortableGit后会有一个git-cmd.exe，后面的所有命令都在这里面执行。
我使用的导航站源码是geek-navigation静态导航（JSON文件）版本，参照github上面的使用教程，运行命令：

// 1. 下载源码 git clone https://github.com/geekape/geek-navigation/tree/json-navigation

我的运行功效如下：

D:\blog\PortableGit>git clone https://github.com/geekape/geek-navigation/tree/js on-navigation Cloning into 'json-navigation'... fatal: repository 'https://github.com/geekape/geek-navigation/tree/json-navigati on/' not found

提示找不到，只能到github手动下载了，为了便利我的源码放在D盘根目录。

安置依赖项

参照github上面的使用教程，运行命令（记得要先进入源码的目录）：

//进入源码目录 cd D:\geek-navigation-json-navigation // 2.安置依赖,进入根目录 npm install 或 cnpm install

我的运行功效如下：

D:\blog\PortableGit> D:\blog\PortableGit>cd D:\geek-navigation-json-navigation D:\geek-navigation-json-navigation>npm install npm WARN deprecated [email protected]: [email protected]<3.0 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your depende ncies to the actual version of [email protected] npm WARN deprecated [email protected]: CircularJSON is in maintenance only, fl atted is its successor. > [email protected] install D:\geek-navigation-json-navigation\node_modules\yorkie > node bin/install.js setting up Git hooks can't find .git directory, skipping Git hooks installation > [email protected] install D:\geek-navigation-json-navigation\node_modules\node- sass > node scripts/install.js Downloading binary from https://github.com/sass/node-sass/releases/download/v4.1 3.0/win32-x64-64_binding.node Download complete ] - : Binary saved to D:\geek-navigation-json-navigation\node_modules\node-sass\vendor \win32-x64-64\binding.node Caching binary to C:\Users\admin\AppData\Roaming\npm-cache\node-sass\4.13.0\win3 2-x64-64_binding.node > [email protected] postinstall D:\geek-navigation-json-navigation\node_modules\cor e-js > node postinstall || echo "ignore" Thank you for using core-js ( https://github.com/zloirock/core-js ) for polyfill ing JavaScript standard library! The project needs your help! Please consider supporting of core-js on Open Colle ctive or Patreon: > https://opencollective.com/core-js > https://www.patreon.com/zloirock Also, the author of core-js ( https://github.com/zloirock ) is looking for a goo d job -) > [email protected] postinstall D:\geek-navigation-json-navigation\node_modules\ejs > node ./postinstall.js Thank you for installing EJS: built with the Jake JavaScript build tool (https:/ /jakejs.com/) > [email protected] postinstall D:\geek-navigation-json-navigation\node_modules\n ode-sass > node scripts/build.js Binary found at D:\geek-navigation-json-navigation\node_modules\node-sass\vendor \win32-x64-64\binding.node Testing binary Binary is fine npm notice created a lockfile as package-lock.json. You should commit this file. npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\fse vents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected] 1.2.9: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"} ) added 1486 packages from 980 contributors and audited 25243 packages in 583.07s found 0 vulnerabilities

安置告成，我用了概略20分钟，下面就可以检察网站了。

检察网站

参照github上面的使用教程，运行命令：

// 3. 运行 npm run serve