fix: live-reload not working for port 3000 (#5)

kosalaperera · web-flow · commit 9a168a1a61d1 · 2023-03-25T13:58:21.000+05:30
this changeset is to fix the issue related to the local preview not getting reloaded once content is changed.

- forward port 35729 to 3000
- serve with live-reload
- update repo docs
diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json
@@ -4,10 +4,10 @@
     "image": "node:lts-bullseye",
 	// Use 'forwardPorts' to make a list of ports inside the container available locally.
 	"forwardPorts": [
-        // Http
+        // Localhost
         3000,
-        // Https
-        3001
+        // Live reload
+        35729
     ],
 
 	// Uncomment to connect as root instead. More info: https://aka.ms/dev-containers-non-root.
@@ -70,5 +70,5 @@
 	// Use 'updateContentCommand' to run commands after the container is successfully created.
 	"updateContentCommand": "yarn global add docsify-cli@latest --prefix /usr/local",
 	// Use 'postCreateCommand' to run commands after the container is created.
-	"postCreateCommand": "docsify serve . -p 3000"
+	"postCreateCommand": "docsify serve . -P 35729"
 }
diff --git a/README.md b/README.md
@@ -1,9 +1,9 @@
 # Tryout Docsify
 
-[![docsify](https://img.shields.io/badge/maintained%20with-docsify-cc00ff.svg)](https://docsify.js.org/)
+[![alertbox](https://img.shields.io/badge/maintained%20by-alertbox-cc00ff.svg)](https://github.com/alertbox/devcontainers-try-docsify/)
 ![GitHub repo size](https://img.shields.io/github/repo-size/alertbox/devcontainers-try-docsify)
 
-[<img align="right" alt="Docsify" width="128rem" src="https://avatars.githubusercontent.com/u/40133106?s=200&v=4" />][docsify-quick-start]
+[<img align="right" alt="Docsify devcontainer repo size" width="128rem" src="https://avatars.githubusercontent.com/u/40133106?s=200&v=4" />][docsify-quick-start]
 
 This template repo serves as a flavor of ready-to-go development container for use with [Dev Containers][devcontainers-overview].
 
@@ -60,7 +60,7 @@ First, you want a copy of this repo. It is marked as a `Template` so you will on
 
 With [Dev Container CLI][devcontainer-cli-commands]:
 
-Just run `devcontainer up devcontainers-try-docsify` in the repo. And that's it. Now you can [write more contents][docsify-write-more] and preview on [localhost:3000](http://localhost:3000).
+Just run `devcontainer up devcontainers-try-docsify` in the repo. And that's it. Now you can [write more contents][docsify-write-more] and live preview on [localhost:3000](http://localhost:3000).
 
 [devcontainer-cli-commands]: https://github.com/devcontainers/cli#try-out-the-cli
 [docsify-write-more]: https://docsify.js.org/#/more-pages
@@ -73,6 +73,11 @@ First, run `code devcontainers-try-docsify/` in the repo to open in VS Code, and
 
 
 
+## Known Issues
+
+- https://github.com/docsifyjs/docsify-cli/issues/26#issuecomment-1483757192
+- https://github.com/docsifyjs/docsify-cli/issues/120#issuecomment-1483753553
+
 ## Learning Resources
 
 - [GitHub Learning Lab for GitHub Pages](https://lab.github.com/githubtraining/github-pages)
diff --git a/index.html b/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
 <head>
   <meta charset="UTF-8">
-  <title>Ready to Go</title>
+  <title>Docsify - A ready-to-go template</title>
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
   <meta name="description"
     content="A ready-to-go template, start with docsify js. This content is imported from @docsifyjs/docisfy-template repo.">
