iMoon07/imoon07.github.io

GitHub: iMoon07/imoon07.github.io

一个轻量级的纯前端动态 Markdown 博客模板,通过分离内容仓库与展示层来简化个人作品集的部署与维护。

Stars: 1 | Forks: 0

# iMoon07 个人作品集与博客 ![赛博朋克横幅](https://static.pigsec.cn/wp-content/uploads/repos/cas/12/123401649c74572321637ab2c21f858878d793c231017c83690ad9592d4059ed.png) 欢迎访问我的个人作品集与博客的源代码。本仓库包含使用原生 HTML、CSS 和 JavaScript 构建的前端实现。 实际的 markdown 文章存储在另一个单独的仓库中:[Penjelajah-CyberSecurity](https://github.com/iMoon07/Penjelajah-CyberSecurity)。 ## 工作原理 本项目会动态获取 markdown 文件并在浏览器中渲染它们。 1. **`js/data.js`**:包含文章列表。每个项目都包含元数据和一个指向 GitHub 上 `.md` 文件的 `rawUrl`。 2. **`js/main.js`**:读取 `data.js` 以在主页上显示文章卡片。 3. **`js/read.js`**:当点击某篇文章时,它会从 `rawUrl` 获取 markdown,并使用 `marked.js` 将其转换为 HTML 以供阅读。 4. **Giscus(可选)**:如果 `js/data.js` 中的文章对象包含 `giscus` 配置块,则会为该页面启用评论区。 ## 设置指南 如果您想将此模板用于您自己的作品集或学习目的: 1. **Fork 此仓库**至您的 GitHub 账户,并将其重命名为 `yourusername.github.io`。 2. **启用 GitHub Pages**:进入您的仓库 Settings -> Pages -> 从 `main` 分支进行部署。 3. **创建内容仓库**:创建一个单独的仓库来存储您的 `.md` 文件。(在[此处](https://www.markdownguide.org/basic-syntax/)了解 Markdown 语法)。 4. **更新内容**:在您 Fork 的仓库中打开 `js/data.js`,并将 `rawUrl` 更新为指向您的新 markdown 文件。 5. **更新个人资料**:修改 `index.html` 和 `about.html`,替换为您自己的个人资料信息和图片。 ## 许可证 MIT 许可证。
🇮🇩 Baca versi Bahasa Indonesia
Selamat datang di repositori source code untuk personal portfolio dan blog saya. Proyek ini dibangun menggunakan HTML, CSS, dan JavaScript murni (vanilla). Artikel markdown yang ditampilkan di web ini disimpan pada repositori terpisah: [Penjelajah-CyberSecurity](https://github.com/iMoon07/Penjelajah-CyberSecurity). ## 系统工作原理 Proyek ini mengambil file markdown secara dinamis dan menampilkannya di browser. 1. **`js/data.js`**: Berisi daftar artikel. Setiap item memiliki metadata dan `rawUrl` yang mengarah ke file `.md` di GitHub. 2. **`js/main.js`**: Membaca `data.js` untuk menampilkan daftar artikel di halaman utama. 3. **`js/read.js`**: Saat artikel diklik, script ini akan mengambil teks markdown dari `rawUrl` dan menggunakan `marked.js` untuk mengubahnya menjadi HTML agar bisa dibaca. 4. **Giscus (Opsional)**: Jika konfigurasi `giscus` ditambahkan pada objek artikel di `js/data.js`, kolom komentar akan aktif di halaman tersebut. ## 安装指南 Jika Anda ingin menggunakan template ini untuk portfolio atau sarana belajar: 1. **Fork repositori ini** ke akun GitHub Anda dan ubah namanya menjadi `username.github.io`. 2. **Aktifkan GitHub Pages**: Masuk ke Settings -> Pages -> pilih Deploy dari branch `main`. 3. **Buat Repositori Konten**: Buat repositori terpisah khusus untuk menyimpan file `.md` Anda. (Pelajari Markdown [di sini](https://www.markdownguide.org/basic-syntax/)). 4. **Perbarui Konten**: Buka `js/data.js` dan ubah link `rawUrl` agar mengarah ke file markdown Anda. 5. **Perbarui Profil**: Edit `index.html` dan `about.html` untuk mengganti informasi profil dan foto Anda. ## Lisensi MIT License.
标签:GitHub Pages, Markdown, 个人作品集, 博客引擎, 多模态安全, 数据可视化, 网络安全写作, 自定义脚本