Github 操作 - 更新 HTML 文件

Question

I have a static website that I am deploying with Github Actions. The website consists of 1 HTML file and several.yaml config files. There is a simple javascript function that loads all the.yaml files. However, currently the list of.yaml files is hardcoded. Is there anyway to either:

1. Use Github Actions to update the javascript array before deploying the website?
2. Use javascript to dynamically create the list based on the files in the config directory?

Directory structure

index.html
config/
|-- first.yaml
|-- second.yaml
|-- ...

index.html

...
<script>
// how can we dynamically create this array?
var files = [
  {"name": "first.yaml"},
  {"name": "second.yaml"},
  ...
]
</script>

Answer 1

Use this: bluwy/substitute-string-action@v1

Here is an example: jobs: build: runs-on: ubuntu-latest steps: - uses: bluwy/substitute-string-action@v1 id: sub with: _input-text: 'Hello World:' World: GitHub

Url to the action with the full docs: https://github.com/bluwy/substitute-string-action

https://i.stack.imgur.com/3wWvp.jpg