最近在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
端口