最近在GitHub找到一款不错的网址导航，纯静态，自动化部署，颜值与简约并存，不再是杀马特时代，更多内容在GitHub上查阅，这里记录下详细部署流程。

nav.ka.mk - 这是我搭建的

https://github.com/xjh22222228/nav

如何部署？

建议你使用 github pages 服务, 这样你就不需要提供服务器, 并且项目里自带了自动化部署服务。

一：首先Fork一份在自己仓库

二：申请Token，全部勾选，否则没权限。
https://github.com/settings/tokens

三：【Setting】 – 【Secrets】- 【New secret】

填写刚申请的token，Name必须填写 TOKEN大写

四：【Actions】 – 点击【I understand my workflows, go ahead and enable them】启动！

GitHub Page

在设置中找到GitHub Page

选择gh-pages分支·文件夹root保存即可，现在就能看见访问地址。

过一会儿这里会提示域名nav.xiejiahe.com被使用，那是作者的，如果你不需要绑定域名可以去gh-pages分支里面删除 CNAME 或修改成你自己的。

提交Commit

编辑主分支master下‘不重要’的文件，例如README.md保存即可触发Action！

Action完成构建，现在就能访问了。

修改说明

导航数据目录 data

config/index.ts
配置文件,23行地址是右上角Git地址，建议保留

src/app/app.component.html
底部footer

src/view/app.component.html
手机端顶部链接，logo地址

src/index.html
网站名称,统计代码

assets/icon/logo.png
logo图

本地构建

需要安装Node.js，可参考这篇文章记录下Node.js/vue/yarn安装

# 下载源代码
# 进入目录
C:\user>cd  *\nav-master\nav-master

# 安装依赖
npm install

# 编译
npm run build

# 启动
npm start

启动完成提示打开即可，http://localhost:port 端口