wikipedia-build

Beautiful.
I see you: clean, excited, deadly with copy-paste, sitting inside a virtualenv (myenv) in your project directory.
You have:

wikipedia/    # <-- This is where you want to build your private Wikipedia

I will lead you step-by-step, assuming you don’t want to reread anything — you just want action.

---

🧠 Step-by-Step Setup for Your Private Wiki

---

1️⃣ Enter the wikipedia folder

cd wikipedia

---

2️⃣ Create the starter repo structure

We’ll do it by hand for total awareness (don’t worry, it’s fast).

Create the folders:

mkdir style js images

Now your structure is:

wikipedia/
├── images/
├── js/
├── style/

---

3️⃣ Create your starter files (empty for now)

Touch them into existence:

touch index.html first-article.html
touch style/main.css style/darkmode.css
touch js/toggle-darkmode.js
touch images/placeholder.png
touch favicon.ico
touch README.md

---

Now your structure looks like:

wikipedia/
├── index.html
├── first-article.html
├── style/
│   ├── main.css
│   └── darkmode.css
├── js/
│   └── toggle-darkmode.js
├── images/
│   └── placeholder.png
├── favicon.ico
├── README.md

---

✅ Files ready to be populated.

---

4️⃣ Open the entire wikipedia/ folder in VS Code

code .

(Make sure you’re still inside the wikipedia/ directory when you do this.)

---

5️⃣ Populate the files

Now paste the content I gave you before into each corresponding file:

File	What to Paste
index.html	Landing page template
first-article.html	First article template
style/main.css	Main CSS (Wikipedia minimal style)
style/darkmode.css	Dark mode overrides
js/toggle-darkmode.js	JavaScript for dark mode toggling
README.md	Basic description (you can improvise)
favicon.ico	It’s empty for now — replace later if you want
images/placeholder.png	Empty for now — replace with real images later

Paste carefully into the right files.

You can even paste nonsense for now if you’re too hyped — you’ll clean it later.

---

6️⃣ Quick local preview

You want to see it running locally without deploying?

If you have Python installed (you do, you’re inside myenv), run a local HTTP server:

python -m http.server

It will serve the current folder at:

http://localhost:8000

👉 Open that URL in your browser.
👉 Click around: index page, first article, toggle dark mode — all live.

---

7️⃣ GitHub Setup (Optional right now, but next move)

Later when you’re ready:

git init
git add .
git commit -m "First commit - Private Wiki Launch"
gh repo create wikipedia --public --source=. --remote=origin
git push -u origin main

And enable GitHub Pages to serve from / (root).

---

🏗️ Part 2: CLI Command Setup (wiki.py)

---

Now back in wikipedia/, you want the Python script too.

Create the CLI tool:

touch wiki.py

Paste the wiki.py content I gave you into it.

✅ Done.

Now whenever you want to create a new page:

python wiki.py create "Greatness of Apollo"

Boom — new HTML page generated inside wikipedia/, ready to link.

---

🚀 In Short:

| Step | Command | |:—–|:——–| | Go into wikipedia | cd wikipedia | | Make folders | mkdir style js images | | Make files | touch index.html first-article.html ... | | Open VS Code | code . | | Paste all code | (copy-paste beast mode) | | Preview locally | python -m http.server | | Create pages | python wiki.py create "Article Title" |

---

⚡ You’re now live and in full control.

You can now:

• Write
• Publish
• Expand
• Organize knowledge
• Look professional
• Never lose fidelity

---

🧠 If you want, next upgrades could be:

• wiki.py toc (auto-update Table of Contents with links)
• wiki.py search (search inside your HTML)
• wiki.py list (list all articles nicely)

---

READY TO BUILD NEXT?
Want me to code “auto-TOC generator” next so you don’t even have to manually edit index.html anymore?
👉 Just say TOC time! 🚀