426 lines
19 KiB
HTML
426 lines
19 KiB
HTML
<!doctype html>
|
|
<html lang="fa" class="translated-rtl">
|
|
|
|
<head>
|
|
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<link rel="icon" type="favicon" href="/assets/favicon.ico" />
|
|
<meta property="description" content="هیدیفای، برای اینترنت رایگان" data-rh="true" />
|
|
<link data-rh="true" rel="canonical" href="https://hiddify.com/" />
|
|
<meta property="og:title" content="هیدیفای | Hiddify" data-rh="true" />
|
|
|
|
<title>هیدیفای | راهکار آزادی اینترنت</title>
|
|
<link href="/assets/css/site.css" rel="stylesheet" />
|
|
<style>
|
|
html,
|
|
body {
|
|
margin: 0;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
body {
|
|
/* تنظیم تصویر پس‌زمینه */
|
|
background-image: url('/assets/background-color.png');
|
|
|
|
/* پوشش تمام صفحه */
|
|
background-size: cover;
|
|
|
|
/* مرکز تصویر پس‌زمینه */
|
|
background-position: center;
|
|
|
|
/* عدم تکرار تصویر */
|
|
background-repeat: no-repeat;
|
|
|
|
/* ثابت نگه داشتن پس‌زمینه (همراه محتوا اسکرول نمی‌شود) */
|
|
background-attachment: scroll;
|
|
}
|
|
</style>
|
|
|
|
<style>
|
|
/* width */
|
|
::-webkit-scrollbar {
|
|
width: 8px;
|
|
}
|
|
|
|
/* Track */
|
|
::-webkit-scrollbar-track {
|
|
border-radius: 20px;
|
|
}
|
|
|
|
/* Handle */
|
|
::-webkit-scrollbar-thumb {
|
|
background: white;
|
|
border-radius: 20px;
|
|
}
|
|
|
|
/* Handle on hover */
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: white;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body style="direction:rtl">
|
|
<header class="md:mb-10 lg:mb-24 px-3 md:px-10 lg:px-20">
|
|
<nav class="flex items-center justify-between py-10">
|
|
<div class="justify-start items-center w-full hidden md:flex">
|
|
<a href="/fa" class="items-center flex">
|
|
<img src="/assets/hiddify-logo.png" alt="لوگوی هیدیفای" height="40" />
|
|
</a>
|
|
</div>
|
|
<div class="w-full hidden md:flex items-center justify-end gap-8 text-[#212529]">
|
|
<a href="/fa/app" class="py-2 w-fit no-underline hover:text-primary">
|
|
اپلیکیشن
|
|
</a>
|
|
<a href="/fa/manager" class="py-2 w-fit no-underline hover:text-primary">
|
|
منیجر
|
|
</a>
|
|
<a href="/fa/about-us" class="py-2 w-fit no-underline hover:text-primary">
|
|
درباره ما
|
|
</a>
|
|
<a href="/app" class="py-2 w-fit px-2 no-underline hover:text-primary flex items-center gap-2">
|
|
<div class="w-6 h-3">
|
|
<img src="/assets/united-states-flag-icon.png" class="w-6 h-3" />
|
|
</div>
|
|
<span>English</span>
|
|
</a>
|
|
</div>
|
|
<div class="flex justify-start items-center w-fit h-7 md:hidden">
|
|
<a href="/fa" class="flex items-center h-7">
|
|
<img src="/assets/hiddify-logo.png" alt="لوگوی هیدیفای" height="28" class="h-7" />
|
|
</a>
|
|
</div>
|
|
<div id="menu-btn" class="flex justify-center items-center w-fit md:hidden cursor-pointer">
|
|
<img src="/assets/three-dots.svg" alt="hero" height="24" decoding="async" loading="lazy" />
|
|
</div>
|
|
</nav>
|
|
<div dir="ltr" id="sidebar"
|
|
class="w-[250px] bg-[#e8cff1] hidden max-h-screen h-screen fixed left-0 top-0 px-10 py-20 flex-col gap-5 z-50">
|
|
<div id="close-sidebar-btn"
|
|
class="absolute top-5 right-5 flex justify-center items-center w-fit md:hidden cursor-pointer">
|
|
<img src="/assets/close-button.svg" alt="hero" height="24" decoding="async" loading="lazy" />
|
|
</div>
|
|
<div class="flex justify-start items-center w-fit h-7 md:hidden">
|
|
<a href="/fa" class="flex items-center h-7">
|
|
<img src="/assets/hiddify-logo.png" alt="لوگوی Hiddify" height="28" class="h-7" />
|
|
</a>
|
|
</div>
|
|
<a href="/fa/app" class="py-2 w-fit no-underline hover:text-primary">
|
|
اپ
|
|
</a>
|
|
<a href="/fa/manager" class="py-2 w-fit no-underline hover:text-primary">
|
|
منیجر
|
|
</a>
|
|
<a href="/fa/about-us" class="py-2 w-fit no-underline hover:text-primary">
|
|
درباره ما
|
|
</a>
|
|
<a href="/app" class="py-2 w-fit px-2 no-underline hover:text-primary flex items-center gap-2">
|
|
<div class="w-6 h-3">
|
|
<img src="/assets/united-states-flag-icon.png" class="w-6 h-3" />
|
|
</div>
|
|
<span>English</span>
|
|
</a>
|
|
</div>
|
|
</header>
|
|
<main class="2xl:flex 2xl:justify-center">
|
|
<div class="px-3 md:px-10 lg:px-20 2xl:max-w-[1920px]">
|
|
<h1 class="text-primaryText title-font text-4xl">راهنمای هیدیفای‌اپ</h1>
|
|
<div class="py-10">
|
|
<p class="text-secondaryText text-xl">
|
|
HiddifyApp یک کلاینت مبتنی بر <a class="underline underline-offset-2"
|
|
href="https://github.com/SagerNet/sing-box">Sing-box</a> است که به عنوان یک
|
|
زنجیره ابزار پروکسی جهانی عمل می‌کند و ویژگی‌ها و پروتکل‌های متنوعی را ارائه می‌دهد. اطلاعات مناسب و دقیق
|
|
<a class="underline underline-offset-2"
|
|
href="https://github.com/hiddify/hiddify-next/blob/main/README.md">اینجا</a> در دسترس است. این صفحه شامل
|
|
راهنماهای آموزشی مرتبط با این پروژه می‌باشد.
|
|
</p>
|
|
</div>
|
|
<section class="flex flex-col gap-5 items-center justify-center py-10">
|
|
<section
|
|
class="relative w-full md:max-w-[900px] rounded-3xl border-2 border-white bg-white bg-opacity-20 shadow-lg">
|
|
<div class="flex flex-col md:flex-row h-full md:max-h-[450px]" id="section-1">
|
|
<div class="px-8 py-8 w-full md:w-2/3">
|
|
<img src="/assets/hiddify-app.png" class="md:max-h-[183px] rounded-xl w-full md:max-w-[326px] mb-5" />
|
|
<div class="flex flex-col gap-2">
|
|
<h1 class="text-primaryText title-font text-lg mb-3">هیدیفای‌اپ</h1>
|
|
<div class="flex items-center gap-2">
|
|
<div>
|
|
<div class="h-2 w-2 rounded-full bg-[#455FE9]"></div>
|
|
</div>
|
|
<a href="/fa/app/How-to-install-Hiddify-app/" target="_blank" class="text-secondaryText text-sm">چگونه
|
|
هیدیفای‌اپ را نصب کنیم</a>
|
|
</div>
|
|
<div class="flex items-center gap-2">
|
|
<div>
|
|
<div class="h-2 w-2 rounded-full bg-[#455FE9]"></div>
|
|
</div>
|
|
<a href="/fa/app/How-to-use-Hiddify-app" target="_blank" class="text-secondaryText text-sm">چگونه
|
|
از هیدیفای‌اپ استفاده کنیم
|
|
</a>
|
|
</div>
|
|
<div class="flex items-center gap-2">
|
|
<div>
|
|
<div class="h-2 w-2 rounded-full bg-[#455FE9]"></div>
|
|
</div>
|
|
<a href="/fa/app/HiddifyCli-guide/" target="_blank" class="text-secondaryText text-sm">چگونه از
|
|
هیدیفای‌کامندلاین استفاده کنیم</a>
|
|
</div>
|
|
<div class="flex items-center gap-2">
|
|
<div>
|
|
<div class="h-2 w-2 rounded-full bg-[#455FE9]"></div>
|
|
</div>
|
|
<a href="/fa/app/How-to-use-UDP-Turn-Relay/" target="_blank" class="text-secondaryText text-sm">چگونه
|
|
از
|
|
UDP Turn Relay در هیدیفای‌اپ استفاده کنیم</a>
|
|
</div>
|
|
<div class="flex items-center gap-2">
|
|
<div>
|
|
<div class="h-2 w-2 rounded-full bg-[#455FE9]"></div>
|
|
</div>
|
|
<a href="/fa/app/How-to-contribute-to-this-project/" target="_blank"
|
|
class="text-secondaryText text-sm">
|
|
چگونه به این پروژه کمک کنیم</a>
|
|
</div>
|
|
|
|
<div class="flex flex-col gap-2 md:hidden" id="section-content-1">
|
|
<div class="flex items-center gap-2">
|
|
<div>
|
|
<div class="h-2 w-2 rounded-full bg-[#455FE9]"></div>
|
|
</div>
|
|
<a href="/fa/app/URL-Scheme/" target="_blank" class="text-secondaryText text-sm">
|
|
طرح URL در هیدیفای‌اپ
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div
|
|
class="max-h-[500px] md:max-h-[unset] md:border-r-2 border-t-2 md:border-t-0 border-white px-2 py-2 w-full md:w-1/3">
|
|
<div class="px-6 overflow-y-auto overflow-x-hidden max-h-[400px] md:h-full">
|
|
<div class="pt-6">
|
|
<h1 class="text-secondaryText title-font text-base">ویدیوهای مرتبط</h1>
|
|
</div>
|
|
<div class="flex flex-col gap-3 md:gap-1">
|
|
<a href="https://www.youtube.com/watch?v=vUaA1AEUy1s">
|
|
<div class="relative p-2 flex justify-center items-center">
|
|
<img src="/assets/install_HiddifyApp.png"
|
|
class="md:max-h-[103px] w-full md:max-w-[184px] rounded-xl" />
|
|
<img src="/assets/play-icon.svg" class="absolute" decoding="async" loading="lazy" />
|
|
</div>
|
|
</a>
|
|
<a href="https://www.youtube.com/watch?v=EjHjLQbC40E">
|
|
<div class="relative p-2 flex justify-center items-center">
|
|
<img src="/assets/Use_HiddifyApp.png"
|
|
class="md:max-h-[103px] w-full md:max-w-[184px] rounded-xl" />
|
|
<img src="/assets/play-icon.svg" class="absolute" decoding="async" loading="lazy" />
|
|
</div>
|
|
</a>
|
|
<a href="https://www.youtube.com/watch?v=NtQ0bQlIRrYs">
|
|
<div class="relative p-2 flex justify-center items-center">
|
|
<img src="/assets/advanced_setting_HiddifyApp.jpg"
|
|
class="md:max-h-[103px] w-full md:max-w-[184px] rounded-xl" />
|
|
<img src="/assets/play-icon.svg" class="absolute" decoding="async" loading="lazy" />
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
</section>
|
|
</div>
|
|
</main>
|
|
|
|
|
|
<footer
|
|
class="body-font relative bg-transparent py-4 text-secondary border-t border-white px-3 md:px-16 lg:px-28 xl:px-36">
|
|
<div class="flex flex-col flex-wrap px-5 py-24 md:flex-row md:flex-nowrap md:items-center lg:items-start">
|
|
<div class="w-full md:w-64 flex-shrink-0 md:mx-0 px-4 text-right">
|
|
<div class="w-full flex flex-col sm:flex-row sm:items-center sm:justify-between gap-5">
|
|
<a class="title-font flex items-center font-medium text-white md:justify-start">
|
|
<img src="/assets/hiddify-logo.png" alt="hero" height="40" />
|
|
</a>
|
|
<div class="items-end justify-start gap-5 flex md:hidden">
|
|
<div class="flex items-center justify-center w-6 h-6 rounded-full bg-white text-white">
|
|
<a href="https://www.youtube.com/@hiddify">
|
|
<img src="/assets/socials/youtube.svg" alt="linux" class="w-6" decoding="async" loading="lazy" />
|
|
</a>
|
|
</div>
|
|
<div class="flex items-center justify-center w-6 h-6 rounded-full bg-white text-white">
|
|
<a href="https://twitter.com/hiddify_com">
|
|
<img src="/assets/socials/x.svg" alt="linux" class="w-6" decoding="async" loading="lazy" />
|
|
</a>
|
|
</div>
|
|
<div class="flex items-center justify-center w-6 h-6 rounded-full bg-white text-white">
|
|
<a href="https://t.me/hiddify">
|
|
<img src="/assets/socials/telegram.svg" alt="linux" class="w-6" decoding="async" loading="lazy" />
|
|
</a>
|
|
</div>
|
|
<div class="flex items-center justify-center w-6 h-6 rounded-full bg-white text-white">
|
|
<a href="https://github.com/hiddify/Hiddify-Manager">
|
|
<img src="/assets/socials/github.svg" alt="linux" class="w-6" decoding="async" loading="lazy" />
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<p class="mt-5 mb-10 text-secondary text-sm">
|
|
برای اطمینان از اینکه همه می توانند با یک ابزار قدرتمند و حرفه ای ضد سانسور به راحتی به اینترنت نامحدود دسترسی
|
|
داشته باشند
|
|
</p>
|
|
<div class="items-end justify-start gap-5 hidden md:flex">
|
|
<div class="flex items-center justify-center w-6 h-6 rounded-full bg-white text-white">
|
|
<a href="https://www.youtube.com/@hiddify">
|
|
<img src="/assets/socials/youtube.svg" alt="linux" class="w-6" decoding="async" loading="lazy" />
|
|
</a>
|
|
</div>
|
|
<div class="flex items-center justify-center w-6 h-6 rounded-full bg-white text-white">
|
|
<a href="https://twitter.com/hiddify_com">
|
|
<img src="/assets/socials/x.svg" alt="linux" class="w-6" decoding="async" loading="lazy" />
|
|
</a>
|
|
</div>
|
|
<div class="flex items-center justify-center w-6 h-6 rounded-full bg-white text-white">
|
|
<a href="https://t.me/hiddify">
|
|
<img src="/assets/socials/telegram.svg" alt="linux" class="w-6" decoding="async" loading="lazy" />
|
|
</a>
|
|
</div>
|
|
<div class="flex items-center justify-center w-6 h-6 rounded-full bg-white text-white">
|
|
<a href="https://github.com/hiddify/Hiddify-Manager">
|
|
<img src="/assets/socials/github.svg" alt="linux" class="w-6" decoding="async" loading="lazy" />
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="-mb-10 mt-10 flex flex-grow flex-wrap md:mt-0 md:pr-20 text-right">
|
|
<div class="w-full px-4 md:w-1/2 lg:w-1/3">
|
|
<h2 class="title-font mb-3 text-lg text-secondary">دانلود اپ</h2>
|
|
<nav class="mb-10 list-none">
|
|
<li>
|
|
<a href="https://app.hiddify.com/" target="_blank" class="text-sm text-secondary">اندروید</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://app.hiddify.com/" target="_blank" class="text-sm text-secondary">iOS</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://app.hiddify.com/" target="_blank" class="text-sm text-secondary">ویندوز</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://app.hiddify.com/" target="_blank" class="text-sm text-secondary">مک</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://app.hiddify.com/" target="_blank" class="text-sm text-secondary">لینوکس</a>
|
|
</li>
|
|
</nav>
|
|
</div>
|
|
<div class="w-full px-4 md:w-1/2 lg:w-1/3">
|
|
<h2 class="title-font mb-3 text-lg text-secondary">راه‌اندازی هیدیفای‌منیجر</h2>
|
|
<nav class="mb-10 list-none">
|
|
<li>
|
|
<a href="https://github.com/hiddify/Hiddify-Manager/wiki/Quick-Installation-On-Ubuntu"
|
|
class="text-sm text-secondary">
|
|
اوبونتو
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://github.com/hiddify/Hiddify-Manager/wiki/Install-Hiddify-using-Docker"
|
|
class="text-sm text-secondary">
|
|
داکر
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a class="text-sm text-secondary"
|
|
href="https://github.com/hiddify/Hiddify-Manager/wiki/Quick-installation-on-Hetzner-Servers">
|
|
نصب سریع هتزنر
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://github.com/hiddify/Hiddify-Manager/wiki/Quick-Installation-on-Oracle-Cloud"
|
|
class="text-sm text-secondary">
|
|
نصب سریع اوراکل
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://github.com/hiddify/Hiddify-Manager/wiki/Quick-installation-on-Vultr-Servers"
|
|
class="text-sm text-secondary">
|
|
نصب سریع والتر
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://github.com/hiddify/Hiddify-Manager/wiki/Quick-Installation-on-OVH-Servers"
|
|
class="text-sm text-secondary">
|
|
نصب سریع او-وی-اچ
|
|
</a>
|
|
</li>
|
|
</nav>
|
|
</div>
|
|
<div class="w-full px-4 md:w-1/2 lg:w-1/3">
|
|
<h2 class="title-font mb-3 text-lg text-secondary">حمایت کردن</h2>
|
|
<nav class="mb-10 list-none">
|
|
<li>
|
|
<a class="text-sm text-secondary" href="https://github.com/hiddify/Hiddify-Manager/wiki/">
|
|
از ویکی گیت هاب دیدن کنید
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a class="text-sm text-secondary" href="https://t.me/hiddify">عضویت در گروه تلگرام</a>
|
|
</li>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="flex justify-center">
|
|
<p class="text-center text-sm sm:text-left">
|
|
پشتیبانی شده توسط تیم Hiddify 2024. تمامی حقوق محفوظ است.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<script>
|
|
var menuBtn = document.getElementById("menu-btn");
|
|
var sideBar = document.getElementById("sidebar");
|
|
var closeSideBarBtn = document.getElementById("close-sidebar-btn")
|
|
|
|
menuBtn.addEventListener("click", function () {
|
|
sideBar.classList.remove("hidden");
|
|
sideBar.classList.add("flex");
|
|
});
|
|
|
|
closeSideBarBtn.addEventListener("click", function () {
|
|
sideBar.classList.remove("flex");
|
|
sideBar.classList.add("hidden");
|
|
});
|
|
|
|
function readMore(id) {
|
|
const readMoreBtn = document.getElementById(`read-more-${id}`)
|
|
const arrowIcon = document.getElementById(`arrow-${id}`)
|
|
const hiddenContent = document.getElementById(`section-content-${id}`)
|
|
const section = document.getElementById(`section-${id}`)
|
|
const sectionBottom = document.getElementById(`section-bottom-${id}`)
|
|
|
|
const btnText = readMoreBtn.getElementsByTagName('span')[0].innerText
|
|
|
|
if (btnText.includes('بیشتر')) {
|
|
readMoreBtn.getElementsByTagName('span')[0].innerText = 'کمتر بخوانید'
|
|
hiddenContent.style.display = 'flex'
|
|
sectionBottom.classList.remove('absolute')
|
|
|
|
const content = document.getElementById(`section-content-${id}`)
|
|
section.style.maxHeight = content.offsetHeight + 450 + 'px'
|
|
arrowIcon.style.transform = "rotate(180deg)";
|
|
} else {
|
|
readMoreBtn.getElementsByTagName('span')[0].innerText = 'بیشتر بخوانید'
|
|
hiddenContent.style.display = 'none'
|
|
section.style.maxHeight = 450 + 'px'
|
|
arrowIcon.style.transform = "rotate(0deg)";
|
|
sectionBottom.classList.add('absolute')
|
|
}
|
|
}
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|