BS5來練習beefree

 原本想要beefree製作網頁，是可以的，但要修改樣式CSS時，需要每頁都去修改，所以還是用BS5來改會比較快。下面是步驟，給它紀錄下來。

之前有一篇利用Gsheet當小型資料庫，隔了一段時間，有點看不懂，所以要再加強自己的寫作能力。

Hyper-V 的問題

狀態是已儲存，導致開不了機。在右下角那邊有刪除檢查點，刪除後就可以開啟了。(每個人狀況不一樣，所以請小心服用。我是有先將整個目錄先備份到其他HD中)

但為什麼會發生這個問題呢?開不會是因為關機時太趕，虛擬機尚未關閉時就關閉主機?

複製 Hyper-V 並使用 

1.先將範本HPV複製→到新資料夾 N

2.使用匯入虛擬機器→找到剛剛的 N

3.匯入類型，目前使用兩種，一個是複製虛擬機器，一個是就地登錄

　3-1.複製虛擬機器(可以創造出新的虛擬機器)，可以注意有重複的東西可以刪除掉，節省空間

　3-2.就地登錄(因為Hyper-V被還原，之前創新的機器還在，就可以使用就地登錄直接使用)

4.有一次剛複製好就還原，導致刪除AVHDX檔，這時趕快去剛剛的範本中複製過來即可。接著就要開啟"檢查點"，建立新的還原點，建立好記得關閉"檢查點"，避免自動一直增加。

各種雲端(TWS、AWS、AZURE)

TWS：Taiwan web service，費用

Azure費用：Azure介紹以及應用、微軟數位職能超群計畫、BuildSchool、
有試用azure建置虛擬主機，雖然已經關機，但還是會繼續算錢$$(2vCPU，8GRAM，一天要8美元)，刪除後，隔天竟然還是有扣款，所以將建置虛擬主機的"資源群組"整個刪除再看看@@

書：aws自學聖經(有手帶操作與刪除)要多練習。跟著書做~使用AWS在雲端建置Linux

農作的問題

 

看到一篇"土壤蒸汽消毒機"可以種出日系的洋香瓜。這意味著~台灣也吃的到囉~

未完成~跟著ithome做~大二萌新的學習紀錄系列

來看看資工的同學都在學甚麼?!(VSC為主)有說明到網頁排版的重點，讚。

DAY7重看一次，頭痛@@

DAY7，用Flex屬性控制Grid。Grid也不用畫線，直接給寬高也可以。

DAY6，Grid說明。先用線來切割大小(第一次看到)，直接看範例。

DAY5，Flex說明。align-items: stretch，可以讓DIV一樣高。

DAY4，position介紹，上層是relative，這層才可以調整位置。sticky跟fixed很像，但sticky是可以滾動，滾動到最上面時就會停下來，適合當上方選單。

DAY3，推薦開啟VSC的Emmet，方便好寫CODE。

DAY2，用position排版，會隨著網頁縮放改變位置。應該要用Flex、Grid排版。

DAY1，說明要用的工具，vscode、xampp、virtualbox、ubuntu、python。

Django 的問題

 

Django VScode前置作業1，不會自動切換workspace，所以必須先切換space，再切換帳號。

關閉 (ctrl + c ) Django後，瀏覽器還是繼續顯示(可以用無痕看就沒問題)，看一下port，netstat -ano | findstr :8000

LINUX老師團隊，無意間看到老師與其他夥伴成立的ithome團隊。裡面大多是用python，突然想到django要放在哪裡可以用呢???感謝哈喜分享pythonanywhere，yenshaoting也有分享。

忍者工作坊則是分享放在google上，好可惜，台大有出GCP * PYTHON課程。林柏志分享GCP自架網站。宏庭資訊也有分享自動化部屬在google。

瀏覽器的設定

無痕開啟(感謝布丁布丁分享)
Google Chrome (搭配參數「--incognito」)、Firefox (搭配參數「-private」)、Internet Explorer (搭配參數「-private」)

 chrome最近有更改(2023.09.05)找不到"關閉所有視窗時，清除cookie和網站資料"，要去下面一點的"網站設定"→網站在裝置的資料→就可以找到chrome關閉後一律清除資料@@真複雜，要一個一個網站新增進去@@

病毒的問題

 

鍵盤無法打字，是病毒影響。常常有些鍵盤的某些key不能用，想說是不是病毒，以往都是認為是潮濕的關係導致某些KEY不能用。感謝宇YU分享，去修改regedit就可以讓鍵盤可以使用。

病毒有很多種，有真的病毒，有詐騙的病毒。

今天遇到詐騙的病毒，有使用者開了某個網頁想要下載YT，就跳出一整頁的病毒畫面。因為一去的時候，使用者就留著畫面給我看，當下沒注意到這是網頁，有三層視窗的畫面，所以我就先點右上角的叉叉(下次要先縮小所有的東西確認一下)，這時就立刻關閉這個網頁並開啟另一個網頁，當下就趕快關閉網頁，這時右下角就會出現廣告的視窗告知有病毒感染(就像樓主BCC一樣。感謝八樓kahnmao分享，這是RSS訂閱的延伸功能(hahow就會跑出來這個)，所以下次跳出要求權限的時候，不要允許。這時清空紀錄並重設瀏覽器就OK囉。

webnode / wordpress 來建置網站

感謝鬍子科技學院分享用AWS建置WP。

感謝網站迷谷，介紹 Buy me a coffee。 

感謝DR. Dean分享相關文章，竟然不能用CSS。

感謝老沈OS分享，信箱不能省，專業啊~~

感謝貴設計來與Wordpress做比較。

FTP的問題

 

主機名稱與憑證不相符，原本是使用TLS的FTP連線，突然有一天不能連線了。感謝網易資訊分享，是因為目前cPanel系統未針對FTP連線的TLS憑證(SSL)採用SNI技術，所以才會顯示警告、提醒。感謝Godaddy分享解決辦法，停用TLS就可以用了。但很危險，鳥哥有架設TLS的FTP說明。

想建立一個帳號，能FTP，但不能SSH。
網智數位分享centos6.4的作法，鳥哥的FTP設定，要使用user_list來區分主機使用者。

youtube 的問題

短影音放在網站上，感謝鵠崙分享，將網址的shorts改成embed就可以看到正常版囉。

YT也能RWD。感謝梅老師分享YT在RWD的設定。
~ 56.25%是經過計算的，315 / 560(YT預設給的寬高)
先在外面加個div.YT，.YT{position: relative; width:100%; height:56.25%}
然後YT iframe { position: absolute; width:100%; height: 100%}

下載YT。看到ithome有大大分享下載YT的各種方法，記錄一下。因為之前都是使用downdown，但也是感覺怪怪的~~

跟著W3C做【完成】~~Bootstrap5

1. 先確定版型，固定寬(container)或是整幅寬(container-fluid)(有基本code)
2. 基本的欄位
3. 有一個".text-break"讓長的字串不會破版。".text-end" 文字靠右。
   ".list-inline"可以做成選單。在下面的範例中搜尋text-break。
4. ".table-responsive"可以讓表格在固定的寬度下，左右滑動(其他網站好像用來當選單，但不會顯示左右拉條)
5. ".img-fluid"可以讓圖片變成響應式。
6. ".btn-group"可以讓按鈕變成一排，很像選單。
7. ".dropdown-menu-end"讓子選單靠右。
8. "Accordion"使用card顯示出 collapse。
9. ".nav" 選單。裡面也有tab，但過多的話可能會破版。
10. ".navbar"網站的選單。可以固定在最上面或是...
11. ".carousel" 圖片的slide。
12. "Modals" 彈跳視窗。要如何做到開網頁就彈跳視窗呢???
13. "Scrollspy"，搭配選單，可以讓畫面跳到那個區塊。
14. "offcanvas "手機選單的樣式。
15. ".border"可以直接顯示框線，不用自己下CSS了。
16. ".float-start or .float-end"可以左右各有一個div耶@@
17. ".ratio" YT的響應版~~
18. "Data Lists" 類似搜尋的輸入框。
19. 練習測驗，完成。

用G試算表來當資料庫搭配BS5，尚未完成?!

用BS5來練習beefree。

iPas / CPE 相關的資訊

 工研院推出iPas鑑定、資安課程、軟體課程。免費充電，數位課程簡介，如何加入會員。

用yahoo搜尋，有看到非資訊背景考iPas資安中級，還有iPas考題練習。

CPE 大學程式能力檢定。