ASUSTOR - Website Management

Date:

Topic_id:

Subject:

Description:

content:

<h4>課程目的</h4>
完成此課程後您將能夠：
<ol>
<li>客製化自己的 ASUSTOR Portal。</li>
</ol>
 
<h4>必修項目</h4>
課程必修項目：
無
學生須先具備以下知識：
無
 
<h4>大綱</h4>
<a href="#a1">1. ASUSTOR Portal 簡介</a>
<a href="#a11">1.1 連接 HDMI 輸出裝置</a>
<a href="#a2">2. ASUSTOR Portal 安裝</a>
<a href="#a21">2.1 從 App Central 安裝 ASUSTOR Portal</a>
<a href="#a3">3. 客製化自己的 ASUSTOR Portal</a>
<a href="#a31">3.1 一般設定</a>
<a href="#a32">3.2 變更 ASUSTOR Portal 桌面</a>
<a href="#a33">3.3 將自己喜愛的網站加入 ASUSTOR Portal 中</a>
<a href="#a34">3.4 螢幕輸出解析度調整</a>
<a href="#a35">3.5 設定螢幕保護</a>
<a href="#a4">4. ASUSTOR Portal 在電視畫面上的基本功能</a>
<a href="#a5">5. 使用影音、社群網站</a>
 <hr /> 
<h4><a name="a1"></a>1. ASUSTOR Portal 簡介</h4>
不再需要打開電腦才能播放影片或是瀏覽網頁，你只需將 HDMI 線連接 NAS 與螢幕，之後的事情就交給 ASUSTOR Portal 幫你搞定！ASUSTOR Portal 中透過 Firefox 瀏覽器更可以讓你直接瀏覽網頁。
ASUSTOR Portal 提供 Netflix、YouTube、Amazon Prime、Disney+ 等不同影音網站的瀏覽器快速連結，方便使用者直接開啟網頁，各網站決定影片串流播放畫質的方法各不相同，ASUSTOR 無法保證網頁瀏覽器播放線上影片的畫質及流暢度。
 
 註：升級至 ADM 4.0 及更新的版本後，Surveillance Center 不再支援透過 HDMI 進行本地播放，ASUSTOR Portal 上將不會有 Surveillance Center 此 App。
適用機種：AS31、AS32、AS50、AS51、AS52、AS53、AS54、AS61、AS62、AS63、AS64、AS66、AS67、AS67 v2、AS70、FS67。
 
<a name="a11"></a>1.1 連接 HDMI 輸出裝置
你可以在 NAS 背面面板上找到 HDMI 孔，藉由 HDMI 線材將 NAS 與 HDMI 輸出裝置做連接。
 
<img src="https://www.asustor.com/images/kindeditor/image/20160325/20160325155634_33884.png" alt="" width="860" height="584" title="" align="" />
 
<h4><a name="a2"></a>2. ASUSTOR Portal 安裝</h4>
<a name="a21"></a>2.1 從 App Central 安裝 ASUSTOR Portal
 
步驟 1
<ul>
<li>使用網頁瀏覽器並以 Administrators 群組的帳號登入 ADM。</li>
<li>在 ADM 畫面上選擇 [App Central]。</li>
<li>在 [ASUSTOR Apps] 點選 [ASUSTOR Portal]，後按下 [安裝]，即可安裝 ASUSTOR Portal。</li>
<li>安裝 ASUSTOR Portal 時，將會同時安裝其他必要的相關 Apps (Remote Center、Firefox 及 XOrg)。</li>
</ul>
<img src="https://www.asustor.com/images/kindeditor/image/20210715/20210715082800_78905.png" alt="" width="800" height="441" title="" align="" />
 
步驟 2
<ul>
<li>安裝完畢後你將可以在 HDMI 輸出裝置上看到 ASUSTOR Portal 的畫面。</li>
</ul>
<img src="https://www.asustor.com/images/tinymce/20211110082531_Asport_main_page.png" alt="" width="800" height="447" title="" align="" />
 
<h4><a name="a3"></a>3. 客製化自己的 ASUSTOR Portal</h4>
<a name="a31"></a>3.1 一般設定
您可以在 [一般] 頁面調整以下設定。調整所需選項後，點擊 [套用] 即可讓設定生效。
<ul>
<li>ASUSTOR Portal 上預設顯示的資訊，包括 IP 位址、伺服器名稱、時間、ADM、YouTube。</li>
<li>開啟 ASUSTOR Portal 時，預設啟動的 App。</li>
</ul>
<img src="https://www.asustor.com/images/tinymce/20211110083503_AsPortal_general_settings.png" alt="" width="800" height="478" title="" align="" />
 
<a name="a32"></a>3.2 變更 ASUSTOR Portal 桌面 
 
步驟 1
<ul>
<li>在 ADM 畫面中點選 ASUSTOR Portal。</li>
<li>在左側頁面點選 [桌布] 後，點選 [從電腦上傳] 或 [從 NAS 上傳] 選項並選擇所要上傳的圖片。</li>
<li>圖片上傳完成後，即出現在圖片選項中可供選擇。</li>
</ul>
<img src="https://www.asustor.com/images/kindeditor/image/20180112/20180112182948_38094.png" alt="" width="800" height="478" title="" align="" />
 
步驟 2
<ul>
<li>圖片上傳完成後，點選該圖片並按下 [套用]。</li>
<li>套用完畢後你將可以在 HDMI 輸出裝置上看到 ASUSTOR Portal 的新桌布畫面。</li>
</ul>
<img src="https://www.asustor.com/images/tinymce/20211110082531_Asport_main_page.png" alt="" width="800" height="447" title="" align="" />
 
<a name="a33"></a>3.3 將自己喜愛的網站加入 ASUSTOR Portal 中
 
步驟 1
<ul>
<li>在左側頁面點選 [我的最愛]。</li>
<li>點選 <img src="https://www.asustor.com/images/kindeditor/image/20180112/20180112183126_89016.png" alt="" width="39" height="24" title="" align="" /> 後，為想加入的網站命名並貼上網站連結。</li>
<li>點選套用後你就可以在 HDMI 輸出裝置上看到剛剛所加入的網站。</li>
</ul>
<img src="https://www.asustor.com/images/kindeditor/image/20180112/20180112183033_78016.png" alt="" width="800" height="480" title="" align="" />
 
步驟 2
可以改變 ASUSTOR Portal 上 app 所呈現的順序。
<ul>
<li>點選 <img src="https://www.asustor.com/images/tinymce/20211110083815_AsPortal_edit_icon.png" alt="" width="44" height="29" title="" align="" />。</li>
<li>你可以透過滑鼠拖拉改變 app 位置，每個欄位前面的數字則是代表所選 App 在 Portal 上的位置。</li>
<li>決定好新的順序後按下 [OK]。</li>
<li>套用完畢後你將可以在 HDMI 輸出裝置上看到 ASUSTOR Portal 的新的 App 呈現順序。</li>
</ul>
<img src="https://www.asustor.com/images/tinymce/20211110083750_AsPortal_favorite_edit.png" alt="" width="800" height="478" title="" align="" />
 
<a name="a34"></a>3.4 螢幕輸出解析度調整
若 ASUSTOR Portal 在你螢幕上有超框或是過小的狀況，你有兩種方式可以調整輸出解析度，分別為：
<ul>
<li>調整輸出螢幕輸出解析度的模式。</li>
<li>調整 ASUSTOR Portal 的過度掃描設定。</li>
</ul>
 
 註：調整輸出螢幕輸出解析度或其他相關設定時，若出現 [Ref. 5015] 錯誤訊息，請檢查 HDMI 是否確實連接好。重新連接 HDMI 線材後，重新啟動 NAS 再確認問題是否存在。若此問題仍持續存在，請聯絡 <a target="_blank" href="https://support.asustor.com/" rel="noopener">ASUSTOR 技術支援團隊</a>。
 
<img src="https://www.asustor.com/images/tinymce/upload_img_20220217120210_Resolution_error_5015.png" alt="" width="800" height="480" title="" align="" />
 
在此示範如何調整 ASUSTOR Portal 的過度掃描設定。
 
步驟 1
<ul>
<li>在左側頁面點選 [過度掃描]。</li>
<li>點選 [ 過度掃描 ] 的選項，你可以看到 [ 無，1~3% ] 的選項。</li>
<li>選擇 [ 3% ] 並套用。</li>
<li>之後你就可以在 HDMI 輸出裝置上看到略為縮小 ASUSTOR Portal 畫面。</li>
</ul>
<img src="https://www.asustor.com/images/kindeditor/image/20180117/20180117115220_34616.png" alt="" width="800" height="479" title="" align="" />
 
<a name="a35"></a>3.5 設定螢幕保護
您可以使用下圖所示的頁面來設定螢幕保護程式。調整所需選項後，點擊 [套用] 即可讓設定生效。
 
<img src="https://www.asustor.com/images/kindeditor/image/20180116/20180116172714_55597.png" alt="" width="800" height="479" title="" align="" />
 
<h4><a name="a4"></a>4. ASUSTOR Portal 在電視畫面上的基本功能</h4>
以下為 ASUSTOR Portal 的基本操作對應畫面。
<img src="https://www.asustor.com/images/tinymce/20211110083910_Asport_main_page_guide-s.png" alt="" width="800" height="396" title="" align="" />
 
 電源控制功能
從螢幕右上角選擇電源控制選單，將提供下圖所示的功能。
 
<img src="https://www.asustor.com/images/tinymce/upload_img_20240702115504_Portal_power_Control_page.png" alt="" width="680" height="350" />
 
透過此功能將 NAS 關機或是進入休眠模式後，你還可以使用 ASUSTOR 遙控器的電源鍵*，無線喚醒 NAS。
*此功能適用於 AS-20、AS-30、AS-60、AS31、AS32、AS50、AS51、AS52、AS53、AS54、AS61、AS62、AS63、AS64、AS66、AS67、AS67 v2、AS70 系列。
 
 ASUSTOR Portal 設定功能
設定功能中的 [一般設定 (General)]、[解析度 (Resolution)]、[過度掃描 (Overscan)]、[預設 APP (Default App)]、[螢幕保護 (Sreensaver)]與章節三 [客製化自己的 AUSTOR Portal] 設定內容一樣，故不在此贅述。
 
<img src="https://www.asustor.com/images/kindeditor/image/20160705/20160705160849_71776.jpg" alt="" width="800" height="455" title="" align="" />
 
 語言 (Language) 設定：可針對 ASUSTOR Portal 顯示語言 (Display Language) 以及鍵盤輸入語言 (Input Language) 進行設定，選取完畢語言後點擊 [] 按鈕後即可套用設定。
 
<img src="https://www.asustor.com/images/kindeditor/image/20160705/20160705161114_49045.jpg" alt="" width="800" height="451" title="" align="" />
 
 虛擬機 (Virtual Box) 設定：設定完後點擊 [] 按鈕後即可套用。
<ul>
<li>顯示(Display)：設定 Virtual Box 所建立的作業系統圖標 (Icon) 是否要顯示在 ASUSTOR Portal 桌面上。</li>
<li>在背景執行的虛擬機 (VM running in the background)：依照所建立的虛擬作業系統進行以下動作。
<ul>
<li>選擇名稱 (Name)</li>
<li>設定狀態 (Status)：On / Off / Save / Pause / Unkown</li>
<li>設定動作 (Action)：Power On / Power Off / Pause / Save /Restart / Resume</li>
</ul>
</li>
</ul>
<img src="https://www.asustor.com/images/kindeditor/image/20160705/20160705161404_76016.jpg" alt="" width="800" height="450" title="" align="" />
 
<h4><a name="a5"></a>5. 使用影音、社群網站</h4>
安裝 ASUSTOR Portal 時會預載 Netflix 與 YouTube，若到 App Central 額外安裝如下第三方所開發的 URL-Pack 後還有更多元的選擇。
<ul>
<li>URL-Pack-EN/EU/CN：熱門中英文影音網站。
<ul>
<li>EN：HBO、Vimeo、Crunchyroll、Hulu、MetaCafe、Vudu</li>
<li>EU：Allocine、Dailymotion、Deezer、Emby、IMDb、Napster、Plex、RuTube</li>
<li>CN：愛奇藝、搜狐視頻、騰訊視頻、土豆網、優酷網</li>
</ul>
</li>
<li>URL-Pack-Social：常用社群網站，例如： Facebook、Twitter、Linked in、Pinterest、Hangouts、Telegram、Instagram、Snapchat</li>
<li>URL-Pack-News：常用新聞網站，例如： BBC、Bloomberg</li>
</ul>
<img src="https://www.asustor.com/images/tinymce/20211110084004_app_central_url_pack.png" alt="" width="800" height="459" title="" align="" />
 
<ul>
<li>安裝完 URL-Pack 後，即可在 ASUSTOR Portal 桌面上看到相關圖示。</li>
</ul>
<img src="https://www.asustor.com/images/tinymce/20211110084027_Asport_page_url_pack1-s.png" alt="" width="800" height="447" title="" align="" />
 
<img src="https://www.asustor.com/images/tinymce/20211110084047_Asport_page_url_pack2-s.png" alt="" width="800" height="447" title="" align="" />
 
<img src="https://www.asustor.com/images/tinymce/20211110084103_Asport_page_url_pack3-s.png" alt="" width="800" height="447" title="" align="" />
 
<ul>
<li>點選任一圖示會導向並開啟該網站瀏覽器，以下將以 Plex 為例。</li>
</ul>
<img src="https://www.asustor.com/images/tinymce/20211110084121_Asport_page_url_pack_plex-s.png" alt="" width="800" height="447" title="" align="" />
 <hr />
<h3>更多</h3>
<a target="_blank" href="https://www.asustor.com/online/College_topic?topic=136" rel="noopener">NAS 136：遙控你的 ASUSTOR Portal</a>

Publish: