首頁 探索 說明
登入
TC
/
arozos-mirror
镜像来自 https://github.com/tobychui/arozos
1
0
複刻 0
Files 問題管理 0 Wiki
目錄樹: baec8b0c2a
分支列表 標籤列表
arozos-mirror
/
docs
/
index.html

index.html 51 KB
文件歷史 原始文件

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783 
  1. <!doctype html>
    2. 

  2. <html>
    3. 

  3.   <head>
    4. 

  4.     <meta charset="utf-8">
    5. 

  5.     <meta content="width=device-width, initial-scale=1.0" name="viewport">
    6. 

  6.     <meta content="Web Desktop, Open Source, Aroz, Go, OS, NAS, Cloud" name="keywords">
    7. 

  7.     <meta content="Probably the best open-source Web Desktop System in the world" name="description">
    8. 

  8.     <meta name="author" content="tobychui">
    9. 

  9. 

  10.     <!-- HTML Meta Tags -->
    11. 

  11.     <title i18n>Web Desktop System | ArozOS 
    12. 

  12.         // 網頁桌面系統 | ArozOS 
    13. 

  13.         // Webデスクトップシステム | ArozOS
    14. 

  14.     </title>
    15. 

  15.     <meta name="description" content="Probably the best open-source Web Desktop System in the world">
    16. 

  16. 

  17.     <!-- Facebook Meta Tags -->
    18. 

  18.     <meta property="og:url" content="https://arozos.com/">
    19. 

  19.     <meta property="og:type" content="website">
    20. 

  20.     <meta property="og:title" content="Hello ArozOS">
    21. 

  21.     <meta property="og:description" content="Probably the best open-source Web Desktop System in the world">
    22. 

  22.     <meta property="og:image" content="https://arozos.com/img/og.png">
    23. 

  23. 

  24.     <!-- Twitter Meta Tags -->
    25. 

  25.     <meta name="twitter:card" content="summary_large_image">
    26. 

  26.     <meta property="twitter:domain" content="arozos.com">
    27. 

  27.     <meta property="twitter:url" content="https://arozos.com/">
    28. 

  28.     <meta name="twitter:title" content="Hello ArozOS">
    29. 

  29.     <meta name="twitter:description" content="Probably the best open-source Web Desktop System in the world">
    30. 

  30.     <meta name="twitter:image" content="https://arozos.com/img/og.png">
    31. 

  31. 

  32.     <!-- JavaScript Libs-->
    33. 

  33.     <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
    34. 

  34.     <script src="dom-i18n.min.js"></script>
    35. 

  35.     <link href="main.css" rel="stylesheet">
    36. 

  36.     <script src="main.js" defer></script>
    37. 

  37. 

  38.     <!-- Css stuffs-->
    39. 

  39.     <script src="https://cdnjs.cloudflare.com/ajax/libs/fomantic-ui/2.9.3/semantic.min.js" integrity="sha512-gnoBksrDbaMnlE0rhhkcx3iwzvgBGz6mOEj4/Y5ZY09n55dYddx6+WYc72A55qEesV8VX2iMomteIwobeGK1BQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    40. 

  40.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fomantic-ui/2.9.3/semantic.min.css" integrity="sha512-3quBdRGJyLy79hzhDDcBzANW+mVqPctrGCfIPosHQtMKb3rKsCxfyslzwlz2wj1dT8A7UX+sEvDjaUv+WExQrA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    41. 

  41. 

  42.     <!-- Favicons -->
    43. 

  43.     <link href="img/favicon.png" rel="icon">
    44. 

  44.     <link href="img/apple-touch-icon.png" rel="apple-touch-icon">
    45. 

  45. 

  46.     <!-- Google Fonts -->
    47. 

  47.     <link rel="preconnect" href="https://fonts.googleapis.com">
    48. 

  48.     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    49. 

  49.     <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600;700;900&display=swap" rel="stylesheet">
    50. 

  50.     <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400&display=swap" rel="stylesheet">
    51. 

  51.     <link href="https://fonts.googleapis.com/css2?family=M+PLUS+1p&family=Noto+Sans+JP:wght@100..900&display=swap" rel="stylesheet">
    52. 

  52. 

  53.     <!-- AOS.js-->
    54. 

  54.     <script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js" integrity="sha512-A7AYk1fGKX6S2SsHywmPkrnzTZHrgiVT7GcQkLGDe2ev0aWb8zejytzS8wjo7PGEXKqJOrjQ4oORtnimIRZBtw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    55. 

  55.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" integrity="sha512-1cK78a1o+ht2JcaW6g8OXYwqpev9+6GqOkz9xmBN9iUUhIndKtxwILGWYOSibOKjLsEdjyjZvYDq/cZwNeak0w==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    56. 

  56.   </head>
    57. 

  57.   <body>
    58. 

  58.     <div id="backToTopBtn" class="ui black big icon button" onclick="backToTop();">
    59. 

  59.        <i class="ui arrow up icon"></i>
    60. 

  60.     </div>
    61. 

  61.     <button id="rwdmenubtn" class="ui black big icon button"><i class="ui bars icon"></i></button>
    62. 

  62.     <div id="mainmenu" class="ui inverted segment">
    63. 

  63.         <div class="ui container">
    64. 

  64.             <div class="ui inverted small stackable secondary menu">
    65. 

  65.                 <div class="item">
    66. 

  66.                     <img class="ui tiny image" src="img/logo.png">
    67. 

  67.                 </div>
    68. 

  68.                 <a class="item" href="#mainmenu" i18n>
    69. 

  69.                     Home // 主頁 // ホーム
    70. 

  70.                 </a>
    71. 

  71.                 <a class="item" href="#about" i18n>
    72. 

  72.                     About ArozOS // 關於 ArozOS // 概要
    73. 

  73.                 </a>
    74. 

  74.                 <a class="item" href="#features" i18n>
    75. 

  75.                     Features // 特色功能 // 機能
    76. 

  76.                 </a>
    77. 

  77.                 <a class="item" href="#techspec" i18n>
    78. 

  78.                     Tech Specs // 系統規格 // 技術仕様
    79. 

  79.                 </a>
    80. 

  80.                 <a class="item" href="#download" i18n>
    81. 

  81.                     Download // 下載 // ダウンロード
    82. 

  82.                 </a>
    83. 

  83.                 <a class="item" href="#learnmore" i18n>
    84. 

  84.                     Learn More // 了解更多 // 詳細
    85. 

  85.                 </a>
    86. 

  86.                 <a class="right floated item">
    87. 

  87.                     <div class="ui inverted small selection dropdown">
    88. 

  88.                         <input type="hidden" id="language">
    89. 

  89.                         <div class="default text" style="color: white;"><i class="language icon"></i> Default</div>
    90. 

  90.                         <i class="dropdown icon"></i>
    91. 

  91.                         <div class="menu">
    92. 

  92.                             <div class="item" data-value="en">English</div>
    93. 

  93.                             <div class="item" data-value="zh">中文（正體）</div>
    94. 

  94.                             <div class="item" data-value="jp">日本語</div>
    95. 

  95.                         </div>
    96. 

  96.                     </div>
    97. 

  97.                 </a>
    98. 

  98.             </div>
    99. 

  99.         </div>
    100. 

  100.     </div>
    101. 

  101.     <div id="slideshowBanner">
    102. 

  102.         <div class="slideshow">
    103. 

  103.             <div class="slides">
    104. 

  104.                 <div class="slide"><img src="img/screen/1.png" alt="Image 1"></div>
    105. 

  105.                 <div class="slide"><img src="img/screen/2.png" alt="Image 2"></div>
    106. 

  106.                 <div class="slide"><img src="img/screen/3.png" alt="Image 3"></div>
    107. 

  107.                 <div class="slide"><img src="img/screen/4.png" alt="Image 4"></div>
    108. 

  108.                 <div class="slide"><img src="img/screen/5.png" alt="Image 5"></div>
    109. 

  109.                 <div class="slide"><img src="img/screen/6.png" alt="Image 6"></div>
    110. 

  110.             </div>
    111. 

  111.             <div class="dots"></div>
    112. 

  112.         </div>
    113. 

  113.         <div class="title">
    114. 

  114.             <h1 i18n>ArozOS</h1>
    115. 

  115.             <p i18n>Web Desktop System for DIY Network Attached Storage
    116. 

  116.                 // 自組 NAS 之網頁桌面作業系統
    117. 

  117.                 // ネットワーク接続ストレージ用 Web デスクトップ システム
    118. 

  118.             </p>
    119. 

  119.             <div class="scrolldownTips">
    120. 

  120.                 <img class="ui tiny image" src="img/scrolldown.webp"><br>
    121. 

  121.                 <span i18n>Scroll down to learn more // 向下滑以了解更多 // スクロールダウンして詳細をご覧ください</span>
    122. 

  122.             </div>
    123. 

  123.         </div>
    124. 

  124.     </div>
    125. 

  125.     <br><br><br><br>
    126. 

  126.     <!-- About ArozOS-->
    127. 

  127.     <div id="about" class="ui text container">
    128. 

  128.         <div class="ui stackable grid" data-aos="fade-up">
    129. 

  129.             <div class="six wide column" align="right">
    130. 

  130.                 <img class="ui medium image" src="img/preview-pc.png">
    131. 

  131.             </div>
    132. 

  132.             <div class="ten wide column">
    133. 

  133.                 <div class="about-text-wrapper">
    134. 

  134.                     <p class="about-title"><b i18n>Full Mode // 完整版 // フルモード</b> <span i18n>Web Desktop // 網頁桌面 // ウェブデスクトップ</span></p>
    135. 

  135.                     <p i18n>Turn any PC with browser into your Web Desktop client. Access all your files anytime, anywhere. 
    136. 

  136.                         // 把任何有瀏覽器之電腦變成您的網頁桌面客戶端，隨時隨地存取您的資料和檔案
    137. 

  137.                         // ブラウザがあれば、どんなPCでもWebデスクトップクライアントに。いつでも、どこでも、すべてのファイルにアクセスできます。
    138. 

  138.                     </p>
    139. 

  139.                     <div class="ui list">
    140. 

  140.                         <div class="item">
    141. 

  141.                             <i class="chevron right icon"></i>
    142. 

  142.                             <div class="content" i18n>
    143. 

  143.                                 No setup and special user permission
    144. 

  144.                                 // 無需設定、安裝本地應用程式或特別使用者權限
    145. 

  145.                                 // セットアップと特別なユーザー権限がない
    146. 

  146.                             </div>
    147. 

  147.                         </div>
    148. 

  148.                         <div class="item">
    149. 

  149.                             <i class="chevron right icon"></i>
    150. 

  150.                             <div class="content" i18n>
    151. 

  151.                                 Support Chrome, Firefox and Safari
    152. 

  152.                                 // 支援 Chrome，Firefox 及 Safari
    153. 

  153.                                 // Chrome、Firefox、Safariをサポート
    154. 

  154.                             </div>
    155. 

  155.                         </div>
    156. 

  156.                         <div class="item">
    157. 

  157.                             <i class="chevron right icon"></i>
    158. 

  158.                             <div class="content" i18n>
    159. 

  159.                                 Access via Web UI, FTP, SFTP, WebDAV or SMB
    160. 

  160.                                 // 使用網頁介面、FTP、SFTP、WebDAV 及 SMB 存取檔案
    161. 

  161.                                 // ウェブUI、FTP、SFTP、WebDAVまたはSMB経由でのアクセス
    162. 

  162.                             </div>
    163. 

  163.                         </div>
    164. 

  164.                         <div class="item">
    165. 

  165.                             <i class="chevron right icon"></i>
    166. 

  166.                             <div class="content" i18n>
    167. 

  167.                                 One of the best Web based File Manager
    168. 

  168.                                 // 可能是其中一個最好用的網頁檔案管理員
    169. 

  169.                                 // 使いやすいウェブベースのファイルマネージャー
    170. 

  170.                             </div>
    171. 

  171.                         </div>
    172. 

  172.                         <div class="item">
    173. 

  173.                             <i class="chevron right icon"></i>
    174. 

  174.                             <div class="content" i18n>
    175. 

  175.                                 Easily embed other WebApps via external URLs
    176. 

  176.                                 // 輕鬆使用外部 URL 嵌入其他 WebApp
    177. 

  177.                                 // 外部URL経由で他のウェブアプリケーションを簡単に統合
    178. 

  178.                             </div>
    179. 

  179.                         </div>
    180. 

  180.                     </div>
    181. 

  181.                 </div>
    182. 

  182.             </div>
    183. 

  183.         </div>
    184. 

  184.         <div class="ui stackable grid" data-aos="fade-up">
    185. 

  185.             <div class="six wide column" align="right">
    186. 

  186.                 <img class="ui medium image" src="img/preview-mobile.png">
    187. 

  187.             </div>
    188. 

  188.             <div class="ten wide column">
    189. 

  189.                 <div class="about-text-wrapper">
    190. 

  190.                     <p class="about-title"><b i18n>Mobile // 手機版 // モバイル</b> <span i18n>Web Desktop // 網頁桌面 // デスクトップ</span></p>
    191. 

  191.                     <p i18n>Supporting web desktop on mobile using PWA technology, allowing file access between devices much easier.  
    192. 

  192.                         // 手機版網頁桌面採用 PWA 技術，讓您可以簡單快速地在裝置之間傳送檔案
    193. 

  193.                         // PWA技術を使ってモバイルでのウェブデスクトップをサポートし、デバイス間でのファイルアクセスをより簡単にします。
    194. 

  194.                     </p>
    195. 

  195.                     <div class="ui list">
    196. 

  196.                         <div class="item">
    197. 

  197.                             <i class="chevron right icon"></i>
    198. 

  198.                             <div class="content" i18n>
    199. 

  199.                                 No App Installation Required
    200. 

  200.                                 // 無需安裝任何 App
    201. 

  201.                                 // アプリのインストール不要
    202. 

  202.                             </div>
    203. 

  203.                         </div>
    204. 

  204.                         <div class="item">
    205. 

  205.                             <i class="chevron right icon"></i>
    206. 

  206.                             <div class="content" i18n>
    207. 

  207.                                 Support Android and iOS
    208. 

  208.                                 // 支援 Android 及 iOS 裝置
    209. 

  209.                                 // AndroidとiOSに対応
    210. 

  210.                             </div>
    211. 

  211.                         </div>
    212. 

  212.                         <div class="item">
    213. 

  213.                             <i class="chevron right icon"></i>
    214. 

  214.                             <div class="content" i18n>
    215. 

  215.                                 Works on Chrome and Firefox
    216. 

  216.                                 // 支援 Chrome 及 Firefox
    217. 

  217.                                 // ChromeとFirefoxで動作
    218. 

  218.                             </div>
    219. 

  219.                         </div>
    220. 

  220.                         <div class="item">
    221. 

  221.                             <i class="chevron right icon"></i>
    222. 

  222.                             <div class="content" i18n>
    223. 

  223.                                 Layered Window Design
    224. 

  224.                                 // 多層視窗型作業設計
    225. 

  225.                                 // レイヤーウィンドウデザイン
    226. 

  226.                             </div>
    227. 

  227.                         </div>
    228. 

  228.                         <div class="item">
    229. 

  229.                             <i class="chevron right icon"></i>
    230. 

  230.                             <div class="content" i18n>
    231. 

  231.                                 Synchronize between devices
    232. 

  232.                                 // 即時在多台裝置之間進行同步
    233. 

  233.                                 // デバイス間の同期
    234. 

  234.                             </div>
    235. 

  235.                         </div>
    236. 

  236.                     </div>
    237. 

  237.                 </div>
    238. 

  238.             </div>
    239. 

  239.         </div>
    240. 

  240.     </div>
    241. 

  241.     <br><br><br><br>
    242. 

  242.     <!-- Features -->
    243. 

  243.     <div class="ui divider"></div>
    244. 

  244.     <div id="features" class="ui container">
    245. 

  245.         <div class="centered title">
    246. 

  246.             <h1 i18n>Features // 特色功能 // 機能</h1>
    247. 

  247.         </div>
    248. 

  248.         <div class="ui centered cards" data-aos="zoom-in">
    249. 

  249.             <div class="basic card">
    250. 

  250.               <div class="image">
    251. 

  251.                 <img src="img/features/simple.png">
    252. 

  252.               </div>
    253. 

  253.               <div class="content">
    254. 

  254.                 <div class="header" i18n>Well Designed UI // 設計感的介面 // 美しいUI</div>
    255. 

  255.                 <div class="description" i18n>
    256. 

  256.                     Probably the most straight forward and pretty original web-desktop UI you could find
    257. 

  257.                     // 可能是您能找到，最簡單直接的原創網頁桌面介面
    258. 

  258.                     // おそらく、あなたが見つけることができる最もストレートで、かなり独創的なウェブデスクトップUI
    259. 

  259.                 </div>
    260. 

  260.               </div>
    261. 

  261.             </div>
    262. 

  262. 

  263.             <div class="basic card">
    264. 

  264.                 <div class="image">
    265. 

  265.                   <img src="img/features/media.png">
    266. 

  266.                 </div>
    267. 

  267.                 <div class="content">
    268. 

  268.                   <div class="header" i18n>Multimedia Playback // 多媒體播放 // マルチメディア再生</div>
    269. 

  269.                   <div class="description" i18n>
    270. 

  270.                     Build in audio and video WebApp for realtime playback and transcoding.
    271. 

  271.                       // 內置音樂及影片播放器，並可透過網頁介面進行即時編碼串流。
    272. 

  272.                       // リアルタイム再生とトランスコード用のオーディオとビデオWebAppを内蔵。
    273. 

  273.                   </div>
    274. 

  274.                 </div>
    275. 

  275.             </div>
    276. 

  276. 

  277.             <div class="basic card">
    278. 

  278.                 <div class="image">
    279. 

  279.                   <img src="img/features/filemanager.png">
    280. 

  280.                 </div>
    281. 

  281.                 <div class="content">
    282. 

  282.                   <div class="header" i18n>File Manager // 檔案管理器 // ファイルマネージャー</div>
    283. 

  283.                   <div class="description" i18n>
    284. 

  284.                     Easy to use and straight forward File Manager. Support drag & drop upload.
    285. 

  285.                       // 簡單易用的檔案管理器，可以直接把檔案拖放進去上傳
    286. 

  286.                       // 使いやすく、わかりやすいファイルマネージャー。ドラッグ＆ドロップでアップロードできます。
    287. 

  287.                     </div>
    288. 

  288.                 </div>
    289. 

  289.             </div>
    290. 

  290. 

  291.             <div class="basic card">
    292. 

  292.                 <div class="image">
    293. 

  293.                   <img src="img/features/auth.png">
    294. 

  294.                 </div>
    295. 

  295.                 <div class="content">
    296. 

  296.                   <div class="header" i18n>Multiple Authentication Methods // 支援多種登入方式 // 複数の認証方法</div>
    297. 

  297.                   <div class="description" i18n>
    298. 

  298.                     Support password, oAuth and LDAP login with external account managements.
    299. 

  299.                       // 可以使用帳戶 + 密碼、oAuth 及 LDAP 登入
    300. 

  300.                       // パスワード、oAuth、LDAPログインと外部アカウント管理をサポートします。
    301. 

  301.                     </div>
    302. 

  302.                 </div>
    303. 

  303.             </div>
    304. 

  304. 

  305.             <div class="basic card">
    306. 

  306.                 <div class="image">
    307. 

  307.                   <img src="img/features/raid.png">
    308. 

  308.                 </div>
    309. 

  309.                 <div class="content">
    310. 

  310.                   <div class="header" i18n>Support RAID via mdadm // 支援 mdadm RAID // mdadmによるRAIDのサポート</div>
    311. 

  311.                   <div class="description" i18n>
    312. 

  312.                     Support creating and expanding multiple RAID type using mdadm, including RAID0, 1 and 5
    313. 

  313.                       // 支援使用 mdadm 建立和擴充多種 RAID 類型，包括 RAID0、1 和 5
    314. 

  314.                       // mdadmを使用して、RAID0、1、5を含む複数のRAIDタイプの作成と拡張をサポート。
    315. 

  315.                     </div>
    316. 

  316.                 </div>
    317. 

  317.             </div>
    318. 

  318. 

  319.             <div class="basic card">
    320. 

  320.                 <div class="image">
    321. 

  321.                   <img src="img/features/storagepool.png">
    322. 

  322.                 </div>
    323. 

  323.                 <div class="content">
    324. 

  324.                   <div class="header" i18n>Virtual File System & Storage Pool Architecture // 虛擬檔案層與儲存池架構 // VFS とストレージプールアーキテクチャ</div>
    325. 

  325.                   <div class="description" i18n>
    326. 

  326.                     Virtual File System layer is implemented to support mounting a remote file system into ArozOS without FUSE
    327. 

  327.                       // 虛擬檔案系統層支援在無 FUSE 的情況下掛載遠端檔案系統到網頁桌面使用
    328. 

  328.                       // FUSE なしでリモートファイルシステムを ArozOS にマウントできるように
    329. 

  329.                     </div>
    330. 

  330.                 </div>
    331. 

  331.             </div>
    332. 

  332. 

  333.             <div class="basic card">
    334. 

  334.                 <div class="image">
    335. 

  335.                   <img src="img/features/webshare.png">
    336. 

  336.                 </div>
    337. 

  337.                 <div class="content">
    338. 

  338.                   <div class="header" i18n>One-Click Web Share // 雲端硬碟檔案分享 // ワンクリック・web共有</div>
    339. 

  339.                   <div class="description" i18n>
    340. 

  340.                     Sharing a file via URL is as simple as right-click a file in File Manager and select "Share". Support multiple access permissions!
    341. 

  341.                       // 在檔案管理器對檔案右鍵就能得到檔案分享網址，並支援多種權限設定。
    342. 

  342.                       // URL 経由のファイル共有は、ファイルマネージャでファイルを右クリックして 「共有」 を選択するだけです。
    343. 

  343.                     </div>
    344. 

  344.                 </div>
    345. 

  345.             </div>
    346. 

  346. 

  347.             <div class="basic card">
    348. 

  348.                 <div class="image">
    349. 

  349.                   <img src="img/features/networkshare.png">
    350. 

  350.                 </div>
    351. 

  351.                 <div class="content">
    352. 

  352.                   <div class="header" i18n>Create Network Share // 建立網絡檔案共享 // ネットワーク共有の作成</div>
    353. 

  353.                   <div class="description" i18n>
    354. 

  354.                     Setup WebDAV, FTP, SFTP or SMB (using Samba) network shares with one click!
    355. 

  355.                       // 按一下就能設定 WebDAV、FTP、SFTP 或 SMB（需安裝 Samba）網路共用！
    356. 

  356.                       // WebDAV、FTP、SFTP、SMB（Sambaを使用）のネットワーク共有をワンクリックで設定！
    357. 

  357.                     </div>
    358. 

  358.                 </div>
    359. 

  359.             </div>
    360. 

  360.             <div class="basic card">
    361. 

  361.                 <div class="image">
    362. 

  362.                   <img src="img/features/agi.png">
    363. 

  363.                 </div>
    364. 

  364.                 <div class="content">
    365. 

  365.                   <div class="header" i18n>Scriptable Plugin System // 可編程插件系統 // プラグインシステム</div>
    366. 

  366.                   <div class="description" i18n>
    367. 

  367.                     Scriptable plugin system based on ECMA5 (JavaScript like), support both front-end and backend extensions
    368. 

  368.                       // 可透過 ECMA5 （類似 JavaScript）對 ArozOS 前後端進行插件編程開發。
    369. 

  369.                       // ECMA5（JavaScript）に基づくスクリプト可能なプラグインシステムは、フロントエンドとバックエンドの両方の拡張機能をサポートします。
    370. 

  370.                     </div>
    371. 

  371.                 </div>
    372. 

  372.             </div>
    373. 

  373.             <!-- 
    374. 

  374.             <div class="basic black card">
    375. 

  375.                 <div class="image">
    376. 

  376.                   <img src="img/features/opensource.png">
    377. 

  377.                 </div>
    378. 

  378.                 <div class="content">
    379. 

  379.                   <div class="header" i18n>Open Source // 開源系統</div>
    380. 

  380.                   <div class="description" i18n>
    381. 

  381.                     This software is written in Go(lang), and the source code for ArozOS can be found on my Github repo.
    382. 

  382.                       // ArozOS 的原始程式碼可以在我的 Github 儲存庫上找到。
    383. 

  383.                     </div>
    384. 

  384.                 </div>
    385. 

  385.             </div>
    386. 

  386.             -->
    387. 

  387.         </div>
    388. 

  388.     </div>
    389. 

  389. 

  390.     <!-- Spec -->
    391. 

  391.     <div id="techspec" class="blackbanner">
    392. 

  392.         <br><br>
    393. 

  393.         <div class="centered title">
    394. 

  394.             <h1 i18n>Technical Specifications // 技術規格 // 技術仕様</h1>
    395. 

  395.         </div>
    396. 

  396.         <div class="ui text container">
    397. 

  397.             <table class="ui celled very basic inverted table">
    398. 

  398.                 <thead>
    399. 

  399.                     <tr>
    400. 

  400.                         <th i18n>Category // 分類 // カテゴリー</th>
    401. 

  401.                         <th i18n>Specifications // 功能及規格 // 仕様</th>
    402. 

  402.                     </tr>
    403. 

  403.                 </thead>
    404. 

  404.                 <tbody>
    405. 

  405.                     <tr>
    406. 

  406.                         <td i18n>User Interface // 使用者介面 // UI</td>
    407. 

  407.                         <td>
    408. 

  408.                             <ul>
    409. 

  409.                                 <li i18n>Web Desktop Interface 
    410. 

  410.                                     // 網頁桌面介面 
    411. 

  411.                                     // ウェブ・デスクトップ・インターフェイス
    412. 

  412.                                 </li>
    413. 

  413.                                 <li i18n>Mobile Desktop Interface 
    414. 

  414.                                     // 手機桌面介面 
    415. 

  415.                                     // モバイル・デスクトップ・インターフェイス
    416. 

  416.                                 </li>
    417. 

  417.                                 <li i18n>Management Gateway (Enterprise Use)
    418. 

  418.                                     // 管理入口（企業用） 
    419. 

  419.                                     // 管理ゲートウェイ（企業用）
    420. 

  420.                                 </li>
    421. 

  421.                                 <li i18n>Scriptable Interface Module (Enterprise Use) 
    422. 

  422.                                     // 可編程介面模組（企業用） 
    423. 

  423.                                     // スクリプト可能なインターフェイスモジュール（企業用）
    424. 

  424.                                 </li>
    425. 

  425.                             </ul>
    426. 

  426.                         </td>
    427. 

  427.                     </tr>
    428. 

  428.                     <tr>
    429. 

  429.                         <td i18n>Media & Files Processing // 媒體及檔案處理 // メディアとファイルの処理</td>
    430. 

  430.                         <td>
    431. 

  431.                             <ul>
    432. 

  432.                                 <li i18n>Fully Featured File Manager 
    433. 

  433.                                     // 多功能檔案管理員
    434. 

  434.                                     // フル機能のファイルマネージャー
    435. 

  435.                                 </li>
    436. 

  436.                                 <li i18n>Media Playback, Open or Editing WebApps (Audio, Video, Photo, MDEditor etc) 
    437. 

  437.                                     // 多媒體檔案播放、開啟或編輯應用程式 (Audio, Video, Photo, MDEditor 等)
    438. 

  438.                                     // メディア再生、オープン、編集WebApps（オーディオ、ビデオ、写真、MDEditorなど）
    439. 

  439.                                 </li>
    440. 

  440.                                 <li i18n>File Upload (Form POST / WebSocket Chunked) 
    441. 

  441.                                     // 檔案上傳（Form POST 及 WebSocket Chunked 模式）
    442. 

  442.                                     // ファイルアップロード (Form POST / WebSocket Chunked)
    443. 

  443.                                 </li>
    444. 

  444.                                 <li i18n>File Operations Management System with Real-time Progress, Pause and Cancel Options 
    445. 

  445.                                     // 具有即時進度，並可暫停及取消之檔案操作系統
    446. 

  446.                                     // リアルタイム進捗、一時停止、キャンセルオプション付きファイル操作管理システム
    447. 

  447.                                 </li>
    448. 

  448.                                 <li i18n>File Versioning Tool 
    449. 

  449.                                     // 檔案版本記錄工具 
    450. 

  450.                                     // ファイルのバージョン管理ツール
    451. 

  451.                                 </li>
    452. 

  452.                                 <li i18n>Video Transcode (360p, 720p, 1080p, original) 
    453. 

  453.                                     // 影片編碼串流（360p, 720p, 1080p 或 原解像度）
    454. 

  454.                                     // ビデオのトランスコード（360p、720p、1080p、オリジナル）
    455. 

  455.                                 </li>
    456. 

  456.                                 <li i18n>Media File Metadata Extraction (e.g. Audio & Video thumbnail) 
    457. 

  457.                                     // 媒體檔案詮釋資料（Metadata）提取（如音樂及影片之縮圖）
    458. 

  458.                                     // メディアファイルのメタデータ抽出（例：オーディオ＆ビデオサムネイル）
    459. 

  459.                                 </li>
    460. 

  460.                             </ul>
    461. 

  461.                         </td>
    462. 

  462.                     </tr>
    463. 

  463.                     <tr>
    464. 

  464.                         <td i18n>Networking // 網絡與連接 // ネットワーキング</td>
    465. 

  465.                         <td>
    466. 

  466.                             <ul>
    467. 

  467.                                 <li i18n>Web Server // 網頁伺服器 // ウェブサーバー</li>
    468. 

  468.                                 <li i18n>mDNS discovery and SSDP broadcast // mDNS 服務發現 及 SSDP廣播 // mDNSディスカバリーとSSDPブロードキャスト</li>
    469. 

  469.                                 <li i18n>UPnP Port Forwarding // UPnP 連接埠轉送 // UPnPポートフォワーディング</li>
    470. 

  470.                                 <li i18n>WiFi Management (Support wpa_supplicant or nmcli) // WiFi 管理（支援 wpa_supplicant 或 nmcli） // WiFi管理（wpa_supplicantまたはnmcliをサポート）</li>
    471. 

  471.                                 <li><span i18n>Network File Share // 網絡檔案分享 // ネットワークファイル共有</span>
    472. 

  472.                                     <ul>
    473. 

  473.                                         <li i18n>WebDAV // WebDAV // ウェブDAV</li>
    474. 

  474.                                         <li i18n>SFTP // SFTP // SFTP</li>
    475. 

  475.                                         <li i18n>FTP // FTP // FTP</li>
    476. 

  476.                                         <li i18n>SMB (Samba) // SMB (Samba) // SMB (Samba)</li>
    477. 

  477.                                         <li i18n>Directory Server (Compatibility Mode) // 資料夾列表伺服器（相容性模式） // ディレクトリサーバー（互換モード）</li>
    478. 

  478.                                     </ul>
    479. 

  479.                                 </li>
    480. 

  480.                                 <li i18n>Network Storage File Transfer Caching // 網路儲存檔案傳輸快取 // ネットワークストレージファイル転送キャッシュ</li>
    481. 

  481.                                 <li><span i18n>Multi Permission Web File Sharing // 多權限模式網頁檔案分享 // マルチパーミッションウェブファイル共有</span>
    482. 

  482.                                     <ul>
    483. 

  483.                                         <li i18n>Public // 公開 // 公開</li>
    484. 

  484.                                         <li i18n>Same user group / organization // 與分享者同一權限群組或機構 // 同じユーザーグループ/組織</li>
    485. 

  485.                                         <li i18n>Logged in user // 任何已登入之用戶 // ログインユーザー</li>
    486. 

  486.                                         <li i18n>User defined users // 分享者自定義用戶 // ユーザー定義のユーザー</li>
    487. 

  487.                                         <li i18n>User defined group / organization // 分享者自定義之權限群組或機構 // ユーザー定義のグループ/組織</li>
    488. 

  488.                                     </ul>
    489. 

  489.                                 </li>
    490. 

  490.                             </ul>
    491. 

  491.                         </td>
    492. 

  492.                     </tr>
    493. 

  493.                     <tr>
    494. 

  494.                         <td i18n>Disks Management // 磁碟管理 // ディスク管理</td>
    495. 

  495.                         <td>
    496. 

  496.                             <ul>
    497. 

  497.                                 <li><span i18n>Supported Mounting File Systems // 支援掛載檔案系統 // サポートされているマウントファイルシステム</span>
    498. 

  498.                                     <ul>
    499. 

  499.                                         <li i18n>EXT4</li>
    500. 

  500.                                         <li i18n>NTFS</li>
    501. 

  501.                                         <li i18n>FAT (exFAT, FAT32)</li>
    502. 

  502.                                         <li i18n>WebDAV</li>
    503. 

  503.                                         <li i18n>FTP</li>
    504. 

  504.                                         <li i18n>SFTP</li>
    505. 

  505.                                         <li i18n>SMB</li>
    506. 

  506.                                     </ul>
    507. 

  507.                                 </li>
    508. 

  508.                                 <li><span i18n>RAID Management via mdadm // 基於 mdadm 的 RAID 陣列管理器 // mdadmによるRAID管理</span>
    509. 

  509.                                     <ul>
    510. 

  510.                                         <li i18n>RAID 1 (Default) // RAID 1（預設） // RAID 1（デフォルト）</li>
    511. 

  511.                                         <li i18n>RAID 5</li>
    512. 

  512.                                         <li i18n>RAID 0</li>
    513. 

  513.                                     </ul>
    514. 

  514.                                 </li>
    515. 

  515.                                 <li i18n>Physical Disk Automount (delay start) // 物理硬碟掛載（延遲啟動） // 物理ディスクの自動マウント（遅延スタート）</li>
    516. 

  516.                                 <li i18n>ArozOS Virtual File System // ArozOS 虛擬檔案系統層 // ArozOS VFS</li>
    517. 

  517.                                 <li i18n>Auto-cleaning tmp Folder // 自動清理之 tmp 資料夾 // 自動クリーンtmpフォルダ</li>
    518. 

  518.                             </ul>
    519. 

  519.                         </td>
    520. 

  520.                     </tr>
    521. 

  521.                     <tr>
    522. 

  522.                         <td i18n>Security // 安全性 // セキュリティ</td>
    523. 

  523.                         <td>
    524. 

  524.                             <ul>
    525. 

  525.                                 <li i18n>oAuth</li>
    526. 

  526.                                 <li i18n>LDAP</li>
    527. 

  527.                                 <li i18n>Connection & Login Log // 連接及登入記錄檔 // 接続とログインログ</li>
    528. 

  528.                                 <li i18n>IP White / Blacklist // IP 黑/白名單 // IPホワイト/ブラックリスト</li>
    529. 

  529.                                 <li i18n>Exponential login time (when password incorrect) // 指數登入時間（密碼錯誤時） // 指数ログイン時間（パスワードが間違っている場合）</li>
    530. 

  530.                                 <li i18n>Auto Login Token (Kiosk Mode) // 自動登入權杖（Kiosk 模式） // 自動ログイントークン（キオスクモード）</li>
    531. 

  531.                             </ul>
    532. 

  532.                         </td>
    533. 

  533.                     </tr>
    534. 

  534.                     <tr>
    535. 

  535.                         <td i18n>Extensibility // 擴展性 // 拡張性</td>
    536. 

  536.                         <td>
    537. 

  537.                             <ul>
    538. 

  538.                                 <li i18n>ECMA5 (JavaScript like) scripting interface // ECMA5（類似 JavaScript）插件編程 API // ECMA5（JavaScriptのような）スクリプトインターフェース</li>
    539. 

  539.                                 <li i18n>3rd party Go / Python module development with sub-service reverse proxy // 使用子服務反向代理進行第 3 方 Go/Python 模組開發 // サービスリバースプロキシを使用したサードパーティGo/Pythonモジュール開発</li>
    540. 

  540.                                 <li i18n>Serverless (User space) // Serverless （用戶空間） // サーバーレス（ユーザー空間）</li>
    541. 

  541.                                 <li i18n>Background Task Scheduler (User space, for tasks automation) // 背景任務排程模組（用戶空間，自動化用） // バックグラウンドタスクスケジューラ（ユーザー空間、タスク自動化用）</li>
    542. 

  542.                             </ul>
    543. 

  543.                         </td>
    544. 

  544.                     </tr>
    545. 

  545.                     <tr>
    546. 

  546.                         <td i18n>Operation Requirements // 系統需求 // 動作要件</td>
    547. 

  547.                         <td>
    548. 

  548.                             <ul>
    549. 

  549.                                 <li i18n>512MB system memory and 1.5GB system storage // 512MB 記憶體及 1.5GB 磁碟空間 // 512MBのシステムメモリと1.5GBのシステムストレージ</li>
    550. 

  550.                                 <li><span i18n>Minimum Server Specification // 最低伺服器規格 // 最小サーバー仕様</span>
    551. 

  551.                                     <ul>
    552. 

  552.                                         <li i18n>Raspberry Pi Zero W (512MB RAM + 16GB SD Card) // 樹莓派 Zero W (512MB 記憶體 + 16GB SD 卡） // Raspberry Pi Zero W (512MB RAM + 16GB SDカード)</li>
    553. 

  553.                                         <li i18n>Intel Atom D525 (1GB RAM + 32GB SSD) // Intel Atom D525 (1GB 記憶體 + 32GB 固態硬碟） // Intel Atom D525 (1GB RAM + 32GB SSD)</li>
    554. 

  554.                                     </ul>
    555. 

  555.                                 </li>
    556. 

  556.                                 <li><span i18n>Recommended Server Specification // 建議伺服器規格 // 推奨サーバー仕様</span>
    557. 

  557.                                     <ul>
    558. 

  558.                                         <li i18n>Raspberry Pi 4 (4GB RAM + 64GB SD Card) // 樹莓派4 （4GB 記憶體 + 64GB SD 卡） // Raspberry Pi 4 (4GB RAM + 64GB SDカード)</li>
    559. 

  559.                                         <li i18n>i7 4500U (8GB RAM + 256GB SSD) // i7 4500U (8GB 記憶體 + 256GB 固態硬碟） // i7 4500U (8GB RAM + 256GB SSD)</li>
    560. 

  560.                                     </ul>
    561. 

  561.                                 </li>
    562. 

  562.                                 <li i18n>Debian based Linux Distro or Windows // 基於 Debian 之 Linux 發行版或 Windows // DebianベースのLinuxディストリビューションまたはWindows</li>
    563. 

  563.                                 <li i18n>Require FFmpeg, Samba (Linux only), nmcli or wpa_supplicant (Device with WiFi only) // 需裝有 FFmpeg，Samba（在 Linux 上運行時），nmcli 或 wpa_supplicant（具有 WiFi 功能之裝置） // FFmpeg、Samba（Linuxのみ）、nmcliまたはwpa_supplicant（WiFi機能搭載デバイスのみ）が必要</li>
    564. 

  564.                                 <li i18n>Recommend using mobile device with Progressive WebApp (PWA) support // 建議使用支援 PWA 的手機 // PWAサポートのあるモバイルデバイスの使用を推奨</li>
    565. 

  565.                             </ul>
    566. 

  566.                         </td>
    567. 

  567.                     </tr>
    568. 

  568.                 </tbody>
    569. 

  569.             </table>
    570. 

  570.         </div>
    571. 

  571.     </div>
    572. 

  572.     <!-- Download -->
    573. 

  573.     <div id="download" class="ui text container">
    574. 

  574.         <br><br>
    575. 

  575.         <div class="centered title">
    576. 

  576.             <h1 i18n>Download // 下載 // ダウンロード</h1>
    577. 

  577.         </div>
    578. 

  578.         <p i18n>ArozOS distribution is done in two files. The web.tar.gz containing the static web elements and config files, another one is the binary executable that contains the code of the software. You need both of the files downloaded and placed in the same folder in order for ArozOS to work properly.
    579. 

  579.             // ArozOS 發行版有兩個檔案。一個是包含靜態 Web 和設定檔案的 web.tar.gz，另一個是包含軟體程式碼的二進制執行檔。您需要將這兩個檔案下載並放置在同一資料夾中，ArozOS 方能正常運作。
    580. 

  580.             // ArozOSの配布は2つのファイルで行われます。静的ウェブ要素と設定ファイルを含むweb.tar.gzと、ソフトウェアのコードを含むバイナリエグゼキュータブルです。ArozOSが正常に動作するためには、両方のファイルをダウンロードし、同じフォルダに配置する必要があります。
    581. 

  581.         </p>
    582. 

  582.         <p i18n>After the ArozOS binary / service is started, navigate to http://localhost:8080 to continue account and system setup.
    583. 

  583.             // 當 ArozOS 執行檔 / 服務啟動後，使用瀏覽器開啟 http://localhost:8080 以繼續帳戶和系統設定。
    584. 

  584.             // ArozOSのバイナリ/サービスが起動した後、http://localhost:8080に移動してアカウントとシステムのセットアップを続行してください。
    585. 

  585.         </p>
    586. 

  586.         <div class="ui top attached fluid stackable tabular menu">
    587. 

  587.             <a class="active item" data-tab="linux"><i class="grey linux icon"></i> Linux</a>
    588. 

  588.             <a class="item" data-tab="windows"><i class="blue windows icon"></i> Windows</a>
    589. 

  589.             <a class="item" data-tab="macos"><i class="apple icon"></i> MacOS</a>
    590. 

  590.             <a class="item" data-tab="rpi"><i class="red raspberry pi icon"></i><span i18n>SBCs // 單板機 // SBC</span></a>
    591. 

  591.             <a class="item" data-tab="build"><i class="code icon"></i> <span i18n>Build from source // 從原始碼建置 // ソースからビルド</span> </a>
    592. 

  592.         </div>
    593. 

  593.         <div class="ui bottom attached active tab segment" data-tab="linux">
    594. 

  594.             <p i18n>Install with installer script // 使用安裝器腳本 // インストーラースクリプトでインストール</p>
    595. 

  595.             <div class="ui black message">
    596. 

  596.                 <code>
    597. 

  597.                     wget -O install.sh https://raw.githubusercontent.com/tobychui/arozos/master/installer/install.sh && bash install.sh
    598. 

  598.                 </code>
    599. 

  599.             </div>
    600. 

  600.             <br>
    601. 

  601.             <p i18n>Install with precompiled binary // 下載發行版本 // コンパイル済みバイナリを使ったインストール</p>
    602. 

  602.             <button class="ui basic downloadButton button" onclick='handleGetWebpack();'><i class="blue download icon"></i> <span i18n>Download Webpack // 下載 Webpack // Webpackをダウンロード</span></button> 
    603. 

  603.             <i class="plus icon"></i> 
    604. 

  604.             <button class="ui basic downloadButton button" onclick='handleDownload("arozos_linux_amd64");'><i class="black linux icon"></i> <span i18n>Download x64 // 下載 64位元 執行檔 // 64bit版</span></button>
    605. 

  605.             <span style="font-size: 1.2em; font-weight: 600; margin-right: 0.4em">OR</span>
    606. 

  606.             <button class="ui basic downloadButton button" onclick='handleDownload("arozos_linux_386");'><i class="black linux icon"></i> <span i18n>Download x32 // 下載 32位元 執行檔 // 32bit版</span></button>
    607. 

  607.         </div>
    608. 

  608.         <div class="ui bottom attached tab segment" data-tab="windows">
    609. 

  609.             <p i18n>Install with precompiled binary // 下載發行版本 // コンパイル済みバイナリを使ったインストール</p>
    610. 

  610.             <button class="ui basic downloadButton button" onclick='handleGetWebpack();'><i class="blue download icon"></i> <span i18n>Download Webpack // 下載 Webpack // Webpackをダウンロード</span></button> 
    611. 

  611.             <i class="plus icon"></i> 
    612. 

  612.             <button class="ui basic downloadButton button" onclick='handleDownload("arozos_windows_amd64.exe");'><i class="blue windows icon"></i> <span i18n>Download ArozOS for Windows // 下載 Windows 版 ArozOS // Windows版ArozOSをダウンロード</span></button>
    613. 

  613.             <br><br>
    614. 

  614.             <p i18n>You will need to put both the web.tar.gz file and the exe file in the same folder. Make sure the folder path does not contains non alphabet characters and space. Double click the exe file to start automatic unzip and setup process. 
    615. 

  615.                 // 您需要將 web.tar.gz 檔案和 exe 檔案放在同一資料夾中。請確保資料夾路徑不包含非字母字元和空格。雙擊 exe 檔開始自動解壓縮和安裝過程。
    616. 

  616.                 // web.tar.gzファイルとexeファイルの両方を同じフォルダに置く必要があります。フォルダパスにアルファベット以外の文字やスペースが含まれていないことを確認してください。exeファイルをダブルクリックすると、自動解凍とセットアップが開始されます。
    617. 

  617.             </p>
    618. 

  618.         </div>
    619. 

  619.         <div class="ui bottom attached tab segment" data-tab="macos">
    620. 

  620.             <p i18n>Install with precompiled binary // 下載發行版本 // コンパイル済みバイナリを使ったインストール</p>
    621. 

  621.             <button class="ui basic downloadButton button" onclick='handleGetWebpack();'><i class="blue download icon"></i> <span i18n>Download Webpack // 下載 Webpack // Webpackをダウンロード</span></button> 
    622. 

  622.             <i class="plus icon"></i> 
    623. 

  623.             <button class="ui basic downloadButton button" onclick='handleDownload("arozos_darwin_amd64");'><i class="grey apple icon"></i> <span i18n>Download for Intel Macs // 下載 Intel Mac 版 // インテルMac用</span></button>
    624. 

  624.             <span style="font-size: 1.2em; font-weight: 600; margin-right: 0.4em">OR</span>
    625. 

  625.             <button class="ui basic downloadButton button" onclick='handleDownload("arozos_darwin_arm64");'><i class="black apple icon"></i> <span i18n>Download or Arm Macs // 下載 Arm Mac 版 // ARM Mac用</span></button>
    626. 

  626.             <br><br>
    627. 

  627.             <p i18n>Open terminal and navigate to the folder containing the binary executable of ArozOS. Start the executable with ./arozos_darwin_arm64 or ./arozos_darwin_amd64
    628. 

  628.                 // 開啟終端機並移動到包含 ArozOS 執行檔的資料夾。使用 ./arozos_darwin_arm64 或 ./arozos_darwin_amd64 啟動 ArozOS。
    629. 

  629.                 // ターミナルを開き、ArozOS のバイナリ実行ファイルがあるフォルダに移動します。 ./arozos_darwin_arm64 または ./arozos_darwin_amd64 で実行ファイルを起動します。
    630. 

  630.             </p>
    631. 

  631.         </div>
    632. 

  632.         <div class="ui bottom attached tab segment" data-tab="rpi">
    633. 

  633.             <p i18n>Install with installer script (armv6-7, arm64, x86) // 使用安裝器腳本 （armv6-7, arm64, x86） // インストーラスクリプトでインストール (armv6-7、arm64、x86)</p>
    634. 

  634.             <div class="ui black message">
    635. 

  635.                 <code>
    636. 

  636.                     wget -O install.sh https://raw.githubusercontent.com/tobychui/arozos/master/installer/install.sh && bash install.sh
    637. 

  637.                 </code>
    638. 

  638.             </div>
    639. 

  639.             <br>
    640. 

  640.             <p i18n>Install with precompiled binary // 下載發行版本 // コンパイル済みバイナリを使ったインストール</p>
    641. 

  641.             <button class="ui basic downloadButton button" onclick='handleGetWebpack();'><i class="blue download icon"></i> <span i18n>Download Webpack // 下載 Webpack // Webpackをダウンロード</span></button> 
    642. 

  642.             <i class="plus icon"></i> 
    643. 

  643.             <button class="ui basic downloadButton button" onclick='handleDownload("arozos_linux_arm");'><i class="black download icon"></i> <span i18n></span>arm (v6, v7)</button>
    644. 

  644.             <button class="ui basic downloadButton button" onclick='handleDownload("arozos_linux_arm64");'><i class="black download icon"></i> <span i18n></span>arm64</button>
    645. 

  645.             <!-- <button class="ui basic downloadButton button" onclick='handleDownload("arozos_linux_mipsle");'><i class="grey download icon"></i> <span i18n></span>mipsle</button> -->
    646. 

  646.             <button class="ui basic downloadButton button" onclick='handleDownload("arozos_linux_riscv64");'><i class="grey download icon"></i> <span i18n></span>riscv64</button>
    647. 

  647.         </div>
    648. 

  648.         <div class="ui bottom attached tab segment" data-tab="build">
    649. 

  649.             <p i18n>Require Go (Golang) 1.20 or above. Details build from source instruction can be found on ArozOS Github README file. 
    650. 

  650.                 // 需要 Go (Go 語言） 1.20 或以上。建置詳情可以在 ArozOS Github README 檔案中找到。
    651. 

  651.                 // Go (Golang) 1.20以上が必要です。ソースコードからのビルドの詳細は、ArozOS Github READMEファイルに記載されています。
    652. 

  652.             </p>
    653. 

  653.             <div class="ui black message">
    654. 

  654.                 <code>
    655. 

  655.                     git clone https://github.com/tobychui/arozos<br>
    656. 

  656.                     cd ./arozos/src/<br>
    657. 

  657.                     go mod tidy<br>
    658. 

  658.                     go build<br>
    659. 

  659.                     ./arozos <br>
    660. 

  660.                     # Use ./arozos -h for listing all usable paramters<br>
    661. 

  661.                     # Use sudo ./arozos for enabling hardware managements features<br>
    662. 

  662.                 </code>
    663. 

  663.             </div>
    664. 

  664.         </div>
    665. 

  665.         <br><br>
    666. 

  666.     </div>
    667. 

  667. 

  668.     <!-- Learn More -->
    669. 

  669.     <div class="ui divider"></div>
    670. 

  670.     <div id="learnmore" class="ui text container">
    671. 

  671.         <div class="centered title">
    672. 

  672.             <h1 i18n>Learn More // 了解更多 // さらに詳しく</h1>
    673. 

  673.             <p i18n>If you like this project, please feel free to give us a ⭐ star ⭐.
    674. 

  674.                 // 如果您喜歡這個開源專案，歡迎來給我們一顆 ⭐星星⭐ 喔！
    675. 

  675.                 // このプロジェクトが気に入ったら、ぜひ⭐星⭐をお願いします。
    676. 

  676.             </p>
    677. 

  677.         </div>
    678. 

  678.         <div class="ui basic segment linkicons">
    679. 

  679.             <div class="ui massive breadcrumb">
    680. 

  680.                 <a class="section externallink" href="https://github.com/tobychui/arozos" target="_blank">
    681. 

  681.                     <div class="ui icon header">
    682. 

  682.                         <i class="black github icon"></i>
    683. 

  683.                         <div class="content" i18n>
    684. 

  684.                             Source Code
    685. 

  685.                             // 源碼
    686. 

  686.                             // ソースコード
    687. 

  687.                         </div>
    688. 

  688.                     </div>
    689. 

  689.                 </a>
    690. 

  690.                 <i class="divider"> </i>
    691. 

  691.                 <a class="section externallink" href="https://aroz-online.github.io/ArozOS-Developers/" target="_blank">
    692. 

  692.                     <div class="ui icon header">
    693. 

  693.                         <i class="green code icon"></i>
    694. 

  694.                         <div class="content" i18n>
    695. 

  695.                             .agi Docs
    696. 

  696.                             // .agi 開發文檔
    697. 

  697.                             // .agi ドキュメント
    698. 

  698.                         </div>
    699. 

  699.                     </div>
    700. 

  700.                 </a>
    701. 

  701.                 <i class=" divider"> </i>
    702. 

  702.                 <a class="section externallink" href="mailto:toby@imuslab.com" target="_blank">
    703. 

  703.                     <div class="ui icon header">
    704. 

  704.                         <i class="yellow mail icon"></i>
    705. 

  705.                         <div class="content" i18n>
    706. 

  706.                             Email
    707. 

  707.                             // 電子郵件
    708. 

  708.                             // 電子メール
    709. 

  709.                         </div>
    710. 

  710.                     </div>
    711. 

  711.                 </a>
    712. 

  712.                 <i class=" divider"> </i>
    713. 

  713.                 <a class="section externallink" href="https://t.me/ArOZBeta" target="_blank">
    714. 

  714.                     <div class="ui icon header">
    715. 

  715.                         <i class="blue telegram icon"></i>
    716. 

  716.                         <div class="content">
    717. 

  717.                             Telegram
    718. 

  718.                         </div>
    719. 

  719.                     </div>
    720. 

  720.                 </a>
    721. 

  721.             </div>  
    722. 

  722.         </div>
    723. 

  723.         <br><br><br><br>
    724. 

  724.     </div>
    725. 

  725. 

  726.      <!-- Footer -->
    727. 

  727.      <div id="footer">
    728. 

  728.         <div class="ui container">
    729. 

  729.             <br><br>
    730. 

  730.             <div class="ui stackable grid" style="height: 100%;">
    731. 

  731.                 <div class="six wide column" style="height: 100%;">
    732. 

  732.                     <a href="https://arozos.com"><img src="img/logo.png" class="ui tiny image"></a>
    733. 

  733.                     <p><span style="font-weight: 300;">ArozOS Web Desktop System</span><br>
    734. 

  734.                         © Toby Chui feat. imuslab</p>
    735. 

  735.                        
    736. 

  736.                     <div class="bottom-attach">
    737. 

  737.                        <br><br>
    738. 

  738.                         <div class="ui breadcrumb" style="margin-top: 0.4em;">
    739. 

  739.                             <div class="section">香港 </div>
    740. 

  740.                             <div class="divider"> / </div>
    741. 

  741.                             <div class="section" i18n>Hong Kong</div>
    742. 

  742.                             <div class="divider"> / </div>
    743. 

  743.                             <div class="section">2016 - <span class="year">2024</span></div>
    744. 

  744.                         </div>
    745. 

  745.                     </div>
    746. 

  746.                 </div>
    747. 

  747.                 <div class="three wide column">
    748. 

  748.                     <div class="ui list">
    749. 

  749.                         <div class="item title" i18n>Developer Tools // 開發者工具 // 開発者ツール</div>
    750. 

  750.                         <div class="item"><a href="https://github.com/aroz-online/launcher" target="_blank">ArozOS Launcher</a></div>
    751. 

  751.                         <div class="item"><a href="https://github.com/aroz-online/WebApp-and-Subservice-Index" target="_blank">WebApp & Subservices</a></div>
    752. 

  752.                         <div class="item"><a href="https://aroz-online.github.io/ArozOS-Developers/" target="_blank">.agi Documentations</a></div>
    753. 

  753.                         <div class="item"><a href="https://github.com/aroz-online/ArUSB2Win" target="_blank">AOB Filename Decoder</a></div>
    754. 

  754.                     </div>
    755. 

  755.                 </div>	
    756. 

  756.                 <div class="three wide column">
    757. 

  757.                     <div class="ui list">
    758. 

  758.                         <div class="item title" i18n>Project Spin-offs // 衍生開源計劃 // 派生作品</div>
    759. 

  759.                         <div class="item"><a href="https://zoraxy.arozos.com" target="_blank">Zoraxy</a></div>
    760. 

  760.                         <div class="item"><a href="https://github.com/tobychui/imusutm" target="_blank">imusutm</a></div>
    761. 

  761.                         <div class="item"><a href="https://github.com/tobychui/SlicerA" target="_blank">Slicer A</a></div>
    762. 

  762.                     </div>
    763. 

  763.                 </div>
    764. 

  764.                 <div class="three wide column">
    765. 

  765.                     <div class="ui list">
    766. 

  766.                         <div class="item title" i18n>Related Links // 相關連接 // 関連ページっ</div>
    767. 

  767.                         <div class="item"><a href="https://www.studytonight.com/post/the-web-desktop-tool-you-need-to-know-about" target="_blank" i18n>Getting Started</a></div>
    768. 

  768.                         <div class="item"><a href="https://github.com/tobychui/arozos/releases" target="_blank">ArozOS Release</a></div>
    769. 

  769.                         <div class="item"><a href="https://github.com/SysAdmin74/ArozOS-Docker" target="_blank">ArozOS Docker</a></div>
    770. 

  770.                         <div class="item"><a href="https://imuslab.com" target="_blank">imuslab</a></div>
    771. 

  771.                     </div>
    772. 

  772.                 </div>
    773. 

  773.             </div>
    774. 

  774.         </div>
    775. 

  775.         <br><br><br><br>
    776. 

  776.     </div>
    777. 

  777.     
    778. 

  778.     <script>
    779. 

  779.         AOS.init();
    780. 

  780.         $(".year").text(new Date().getFullYear());
    781. 

  781.     </script>
    782. 

  782.   </body>
    783. 

  783. </html>
    784.