叩叮的部落格副本副本 | 程式專案

{"id":750628,"student_id":3760,"content":"{\"html\":\"\u003chtml\u003e\\r\\n    \u003chead\u003e\\r\\n        \u003ctitle\u003eFreddy's Page\u003c/title\u003e\\r\\n        \u003cscript src=\\\"https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js\\\"\u003e\u003c/script\u003e\\r\\n    \u003c/head\u003e\\r\\n    \u003cbody\u003e\\r\\n        \u003ch1\u003e費瑞帝的部落格\u003c/h1\u003e\\r\\n        \u003chr\u003e\\r\\n        \u003ch3\u003e關於我\u003c/h3\u003e\\r\\n        \u003chr\u003e\\r\\n        \u003ca href=\\\"https://www.youtube.com/watch?v=asjQNZn7vng%20ab_channel=HunterYoung\\\" target=\\\"_blank\\\"\u003e\\r\\n            \u003cimg src=\\\"https://www.halffullnotempty.com/wp-content/uploads/Gandalf-quotes.jpg\\\" height=\\\"200px\\\" weight=\\\"300px\\\"\u003e\\r\\n        \u003c/a\u003e\\r\\n        \u003cdiv id=\\\"intro\\\"\u003e\\r\\n            \u003cp class=\\\"secret\\\"\u003e\\r\\n                大家好我是費瑞帝～\\r\\n                \u003cbr\u003e\\r\\n                歡迎來到\u003ca href=\\\"https://gandolfreddywang.blogspot.com/\\\" target=\\\"_blank\\\"\u003e肥瑞帝\u003c/a\u003e夢幻世界\\r\\n            \u003c/p\u003e\\r\\n            \u003cp class=\\\"secret\\\"\u003e\\r\\n                興趣：寫程式、詠春拳、Karambit\\r\\n                \u003cbr\u003e\\r\\n                專長：軟體工程、綜合格鬥、近距離刀械\\r\\n            \u003c/p\u003e\\r\\n            \u003cbutton id=\\\"secret_btn\\\"\u003e 顯示／隱藏 \u003c/button\u003e\\r\\n        \u003c/div\u003e\\r\\n        \u003chr\u003e\\r\\n        \u003ch3\u003e擅長程式語言排行\u003c/h3\u003e\\r\\n        \u003col\u003e\\r\\n            \u003cli id=\\\"first\\\"\u003ePython\u003c/li\u003e\\r\\n            \u003cli class=\\\"hard\\\"\u003eC\u003c/li\u003e\\r\\n            \u003cli class=\\\"oa\\\"\u003eJavaScript\u003c/li\u003e\\r\\n            \u003cli class=\\\"hard oa\\\"\u003eC++\u003c/li\u003e\\r\\n            \u003cli\u003eRuby\u003c/li\u003e\\r\\n            \u003cli\u003eJava\u003c/li\u003e\\r\\n        \u003c/ol\u003e\\r\\n        \u003chr\u003e\\r\\n        \u003ch3\u003e喜歡的食物\u003c/h3\u003e\\r\\n        \u003cul\u003e\\r\\n            \u003cli class=\\\"food\\\" id=\\\"good\\\"\u003e筊白筍\u003c/li\u003e\\r\\n            \u003cli class=\\\"food meat\\\"\u003e海鮮\u003c/li\u003e\\r\\n            \u003cli class=\\\"meat\\\"\u003e雞胸肉\u003c/li\u003e\\r\\n            \u003cli class=\\\"meat\\\"\u003e牛排\u003c/li\u003e\\r\\n        \u003c/ul\u003e\\r\\n        \u003chr\u003e\\r\\n        \u003ch3\u003e程式語言文件\u003c/h3\u003e\\r\\n        \u003ctable\u003e\\r\\n            \u003ctr id=\\\"headerRow\\\"\u003e\\r\\n                \u003cth\u003e名稱\u003c/th\u003e\\r\\n                \u003cth\u003e文件／教學\u003c/th\u003e\\r\\n            \u003c/tr\u003e\\r\\n            \u003ctr\u003e\\r\\n                \u003ctd\u003ePython\u003c/td\u003e\\r\\n                \u003ctd\u003e\u003ca href=\\\"https://docs.python.org/3/\\\" target=\\\"_blank\\\"\u003ehttps://docs.python.org/3/\u003c/a\u003e\u003c/td\u003e\\r\\n            \u003c/tr\u003e\\r\\n            \u003ctr\u003e\\r\\n                \u003ctd\u003eC/C++\u003c/td\u003e\\r\\n                \u003ctd\u003e\u003ca href=\\\"http://www.cplusplus.com/doc/tutorial/program_structure/\\\" target=\\\"_blank\\\"\u003ehttp://www.cplusplus.com/doc/tutorial/program_structure/\u003c/a\u003e\u003c/td\u003e\\r\\n            \u003c/tr\u003e\\r\\n            \u003ctr\u003e\\r\\n                \u003ctd\u003eJavaScript\u003c/td\u003e\\r\\n                \u003ctd\u003e\u003ca href=\\\"https://eloquentjavascript.net/\\\" target=\\\"_blank\\\"\u003ehttps://eloquentjavascript.net/\u003c/a\u003e\u003c/td\u003e\\r\\n            \u003c/tr\u003e\\r\\n        \u003c/table\u003e\\r\\n        \u003chr\u003e\\r\\n        \u003ch3\u003e影片分享\u003c/h3\u003e\\r\\n        \u003ciframe width=\\\"560\\\" height=\\\"315\\\" src=\\\"https://www.youtube.com/embed/QfGvtrK_9JU\\\" frameborder=\\\"0\\\" allow=\\\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\\\" allowfullscreen\u003e\u003c/iframe\u003e\\r\\n        \u003ciframe width=\\\"560\\\" height=\\\"315\\\" src=\\\"https://www.youtube.com/embed/rhV4MhRivfE\\\" frameborder=\\\"0\\\" allow=\\\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\\\" allowfullscreen\u003e\u003c/iframe\u003e\\r\\n        \u003cp id=\\\"contact\\\"\u003e\\r\\n            聯絡方式：freddy.wei0810@gmail.com\\r\\n        \u003c/p\u003e\\r\\n    \u003c/body\u003e\\r\\n\u003c/html\u003e\",\"css\":\"h1 {\\n    color: #eba434;\\n    background-color: #302222;\\n    text-align: center;\\n}\\n\\n\\nli {\\n    color: green;\\n}\\n\\n#first {\\n    color: blue;\\n}\\n\\n.hard {\\n    color: red;\\n}\\n\\n.oa {\\n    background-color: yellow;\\n}\\n\\n#contact {\\n    text-align: right;\\n    color: #302222;\\n    font-family: Comic Sans MS;\\n    font-style: italic;\\n    font-size: 20px;\\n    font-weight: bold;\\n}\\n\\nbody {\\n    /* 顏色，[color name]/#000000/#000 */\\n    background-color: #ffffff;\\n    /* 圖片，url(\\\"image url\\\") */\\n    /*\\n    background-image: url(\\\"https://www.steamxo.com/wp-content/uploads/2019/12/Qg9V1A210159_896517.jpg\\\");\\n    */\\n    /* 重複放置圖片，no repeat/repeat/repeat-x/repeat-y */\\n    background-repeat: no-repeat; \\n    /* 大小，N px */\\n    background-size: 200px;\\n    padding: 20px;\\n}\\n\\np {\\n    text-align: center;\\n    /* 寬度，Npx */\\n    width: 700px;\\n    /* 高度，Npx*/\\n    height: 100px;\\n    /* 邊界，[Npx] [風格] [顏色]*/\\n    /*\\n    border: 3px solid red;\\n    */\\n    /* 內距， Npx*/\\n    /*\\n    padding: 10px;\\n    */\\n    /* 外距，Npx*/\\n    margin: 30px;\\n}\\n\\n#intro {\\n    border: 5px dotted #f4b042;\\n    padding: 15px;\\n    margin: 20px;\\n}\\n\\n#headerRow {\\n    background-color: #4caf50;\\n    font-weight: bold;\\n    color: #ffffff;\\n    text-align: center;\\n}\\n\\nth, td {\\n    padding: 15px;\\n}\\n\\ntr:nth-child(even) {\\n    background-color: #f2f2f2;\\n}\\n\\ntr:nth-child(odd) {\\n    background-color: #ffffff;\\n}\\n\\ntable {\\n    border-collapse:  collapse;\\n    /* separate (default) */\\n    \\n    width: 80%;\\n    /* auto (default), 150px, 80% */\\n}\\n\\n.secret {\\n    display: None;\\n}\",\"js\":\"\\r\\n$(\\\"#secret_btn\\\").click(showMessage);\\r\\n\\r\\n/* Method 1 */\\r\\n// let isHide = false;\\r\\n\\r\\n\\r\\n// function showMessage() {\\r\\n//     if (isHide) {\\r\\n//         // $(\\\".secret\\\").show();\\r\\n//         $(\\\".secret\\\").fadeIn();\\r\\n//         isHide = false;\\r\\n//     }else {\\r\\n//         // $(\\\".secret\\\").hide();\\r\\n//         $(\\\".secret\\\").fadeOut();\\r\\n//         isHide = true;\\r\\n//     }\\r\\n// }\\r\\n\\r\\n/* Method 2 */\\r\\nfunction showMessage() {\\r\\n    $(\\\".secret\\\").slideToggle();\\r\\n}\"}","created_at":"2024-05-16T17:22:09.941+08:00","updated_at":"2024-05-16T17:22:09.941+08:00","name":"叩叮的部落格 副本 副本","language":"web","screenshot":{"url":null},"parent_id":189587,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":14,"hashid":"npms4p3zw","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}