Add Project
Cipta projek baharu menggunakan kod sendiri atau mulakan daripada template.
Panduan rasmi INLINK
Dari kod pertama hingga menjadi public link.
Dokumentasi langkah demi langkah untuk bina projek HTML, urus aset, gunakan template dan publish dengan yakin—di desktop atau telefon.
Tiada topik sepadan. Cuba kata kunci seperti “HTML”, “file”, “domain” atau “Forbidden”.
Mula menggunakan INLINK
Aliran paling ringkas untuk menerbitkan halaman pertama anda.
Daftar atau log masuk
Buka akaun INLINK, pilih plan yang sesuai dan masuk ke dashboard.
Buka Manage Project
Pilih menu Manage Project, kemudian tekan Add Project untuk membuka editor.
Masukkan maklumat projek
Isi tajuk, penerangan dan kod HTML/CSS/JavaScript anda.
Preview dan simpan
Semak paparan melalui Preview, kemudian tekan Save Project.
Kongsi public link
Salin link projek yang dijana dan buka dalam tab baharu untuk pemeriksaan akhir.
Lebih suka video? Lihat panduan desktop dan mobile di Video Tutorial.
Mengurus projek
Semua projek anda tersedia dalam satu direktori.
Edit Project
Kemaskini tajuk, penerangan, kod, status perkongsian dan tetapan lanjutan.
Full View
Buka editor penuh apabila anda memerlukan ruang coding dan preview yang lebih besar.
Delete Project
Padam projek yang tidak diperlukan. Semak nama projek sebelum mengesahkan.
Penting: hanya pemilik projek boleh mengedit atau memadam projek tersebut. Admin mempunyai akses pemantauan secara read-only.
Editor HTML
Gunakan satu dokumen lengkap untuk HTML, CSS dan JavaScript.
Kod paling selamat untuk dimulakan ialah dokumen HTML lengkap. Letakkan CSS dalam <style> dan JavaScript dalam <script>.
index.html
<!doctype html>
<html lang="ms">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Projek Saya</title>
<style>
body { font-family: sans-serif; padding: 2rem; }
</style>
</head>
<body>
<h1>Hello INLINK!</h1>
<script>console.log('Project ready');</script>
</body>
</html>- Gunakan Format Code untuk mengemaskan indentation.
- Tekan Preview sebelum simpan untuk mengesan kesilapan paparan.
- Gunakan Undo jika perubahan terakhir tidak menjadi.
- Pastikan tag HTML seperti
<div>dan<script>ditutup dengan betul.
Menggunakan Templates
Mulakan lebih cepat dengan projek komuniti yang sudah tersedia.
Buka menu Templates
Cari template mengikut tajuk atau tapis berdasarkan rating.
Preview atau View HTML
Semak hasil render dan kod template sebelum memilihnya.
Duplicate
Salin template ke akaun anda. Salinan itu boleh diedit tanpa mengubah projek asal.
Beri rating
Selepas duplicate, beri rating yang jujur untuk membantu pengguna lain.
Upload dan gunakan files
Hos gambar atau aset, kemudian gunakan URL-nya dalam projek.
Buka Manage File
Tekan kawasan upload atau drag-and-drop fail yang dibenarkan.
Tunggu upload selesai
Pastikan progress mencapai 100% dan rekod fail muncul.
Copy link
Salin public URL fail daripada tindakan yang disediakan.
Paste dalam HTML
Gunakan URL tersebut pada atribut seperti src atau href.
Contoh penggunaan gambar
<img src="PASTE-LINK-FILE-DI-SINI" alt="Penerangan gambar">Public link dan perkongsian
Setiap projek mempunyai alamat unik untuk dibuka oleh orang lain.
- Gunakan butang View untuk membuka versi live projek.
- Uji link dalam private/incognito window untuk memastikan ia benar-benar boleh dicapai.
- Aktifkan Share Project hanya jika anda mahu projek dipaparkan sebagai template komuniti.
- Jangan masukkan password, API secret atau data peribadi ke dalam kod frontend.
Custom ID dan Custom Domain
Gunakan alamat yang lebih mudah diingati untuk projek penting.
| Tetapan | Kegunaan | Contoh |
|---|---|---|
| Custom ID | Menggantikan ID rawak dengan slug pilihan anda. | inlink.my/kedai-saya |
| Custom Domain | Menghubungkan domain sendiri kepada satu projek. | www.kedaisaya.my |
Custom ID mesti unik. Gunakan huruf kecil, nombor dan tanda sempang. Untuk custom domain, ikut arahan DNS dalam editor atau hubungi support sebelum menukar rekod domain.
AI Assistant
Dapatkan bantuan menghasilkan atau memperbaiki kod dalam editor.
- Terangkan hasil yang anda mahu dengan bahasa yang jelas dan khusus.
- Nyatakan warna, susun atur, kandungan dan behavior yang diperlukan.
- Preview hasil AI dan semak semula sebelum menyimpan.
- Simpan salinan kod penting sebelum membuat perubahan besar.
Troubleshooting
Penyelesaian pantas untuk masalah yang biasa berlaku.
Save atau Update memaparkan Forbidden (403)
Refresh halaman dengan Ctrl + F5, pastikan anda log masuk sebagai pemilik projek dan cuba semula. Sistem menghantar kod secara selamat untuk mengelakkan false-positive firewall. Jika masih berlaku, hubungi support dengan ID projek dan masa kejadian.
Preview kosong atau tidak lengkap
Semak Console browser, pastikan semua tag ditutup, dan pastikan URL gambar menggunakan alamat penuh yang boleh dicapai secara awam.
Custom ID tidak boleh digunakan
Slug itu mungkin telah digunakan atau merupakan perkataan sistem. Cuba nama lain menggunakan huruf kecil, nombor dan tanda sempang.
Tidak boleh Add atau Edit
Semak status langganan dan pastikan akaun bukan dalam mod admin read-only. Langganan yang tamat perlu diperbaharui sebelum kandungan boleh dikemaskini.
Perubahan tidak kelihatan pada public link
Buat hard refresh, cuba private/incognito window dan pastikan anda telah menekan Save atau Update selepas perubahan.
Soalan lazim
Jawapan ringkas sebelum anda mula membina.
Perlu beli hosting berasingan?
Tidak. Projek anda diterbitkan melalui INLINK dan menerima public link sendiri.
Boleh gunakan JavaScript?
Ya. HTML, CSS dan JavaScript boleh diletakkan dalam satu dokumen projek.
Boleh edit menggunakan telefon?
Ya. Antaramuka menyokong mobile, tetapi kerja coding yang panjang biasanya lebih selesa pada desktop.
Di mana boleh dapat bantuan lanjut?
Gunakan ikon WhatsApp di penjuru kanan bawah pada mana-mana halaman platform.