Recently, we found a good website navigation in GitHub, which is pure static, automatic deployment, and coexistence of beauty and simplicity. It is no longer the era of killing matt. More information can be found on GitHub. Here we record the detailed deployment process.

nav.ka.mk -I built this

https://github.com/xjh22222228/nav

How to deploy?

It is recommended that you use github pages Service, so you don't need to provide a server, and the project has its own automated deployment service.

1： First of all, Fork kept a copy of

2： To apply for Tokens, check all of them. Otherwise, you have no permission.
https://github.com/settings/tokens

3： [Setting] – [Secrets] - [New secret]

Fill in the token just applied for, and the Name must be filled in TOKEN Uppercase

4： [Actions] – Click [I understand my workflows, go ahead and enable them] to start!

GitHub Page

Find GitHub Page in Settings

choice gh-pages Branch · Folder root Save it, and now you can see the access address.

The domain name will be prompted later nav.xiejiahe.com It is used by the author. If you don't need to bind the domain name, you can go to gh-pages Delete in branch CNAME Or change it to your own.

Submit Commit

Edit Main Branch master 'unimportant' documents, such as README.md Save to trigger Action!

The Action completes the construction and is now accessible.

Modification description

Navigation data directory data

config/index.ts
In the configuration file, the address in line 23 is the Git address in the upper right corner, which is recommended to be reserved

src/app/app.component.html
Bottom footer

src/view/app.component.html
Mobile phone top link, logo address

src/index.html
Website name, statistics code

assets/icon/logo.png
Logo

Build locally

Installation required Node.js , please refer to this article Record the Node.js/vue/yarn installation

 #Download source code #Enter directory C:\user>cd  *\nav-master\nav-master #Installation dependency npm install #Compile npm run build #Start npm start

The prompt of startup completion is opened, http://localhost:port port