发现导航部署教程 - GitHub Page

发现导航部署教程 - GitHub Page

玖月
2020-09-16 / 0 评论 / 829 阅读 / 正在检测是否收录...

nav

最近在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大写
4241564335.png

四:【Actions】 – 点击【I understand my workflows, go ahead and enable them】启动!
3591504097.png

GitHub Page

在设置中找到GitHub Page

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

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

1280766954.png

提交Commit

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

2761631125.png

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 端口

446062119.png

0

评论 (0)

取消