## 生科三 張庭嘉 410613010 ### 中級程式設計 - 部落格架設 --- #### <部落格架設 步驟>-跟大家大同小異 1. 先在github裡新創一個新的repositary,名稱是自己的github名,藉由 github與等等的hexo做連結 ![](https://i.imgur.com/dwwjKpB.png) --- #### <部落格架設 步驟>-跟大家大同小異 2. 開始安裝 hexo 跟 變色龍 ![](https://i.imgur.com/m0DfgJ1.png) > Problem: 安裝Node.時window的終端自行跳出,然後跑了一大堆的怪程式,因為覺得很怪,所以即時停止,並刪除該程式 > =>重新安裝完程式,並開始使用後,電腦會自行像跳電一樣關機 --- #### <部落格架設 步驟>-跟大家大同小異 3. 利用Nodepad打開congfig.yml後開始調整裡面的內容 ![](https://i.imgur.com/LHMkeTB.png) --- #### <部落格架設 步驟>-跟大家大同小異 4. 將title, subject, etc.換掉,並將部落格布置上git ![](https://i.imgur.com/RDFtbnS.png) ![](https://i.imgur.com/dZ1Taw2.png) --- #### <部落格架設 創作> 5. 下載visual code(個人認為比用Nodepad好用一點)開始創作自己的部落格 ![](https://i.imgur.com/gZyX64o.png) --- #### <部落格架設 創作> 6. 因為個人的部落格需要有很多圖片做修飾與說明,所以需要Po很多圖 > Problem-1: 直接使用visual code安插圖片: > 在visual code裡內建資料夾,並將圖片放在裡面,結果圖片無法呈現 > ![](https://i.imgur.com/fN3snG7.png) --- #### <部落格架設 創作> > Problem-2: 改用HackMD幫助安插圖片 > 現在HackMD將圖片換成程式碼後,再到visual code裡將程式碼放在裡面,結果圖片還是無法呈現 > =>發現只有jpg的圖檔不能上傳,所以將圖檔改成png檔後上傳 > ![](https://i.imgur.com/2kNHaS2.png) > > ![](https://i.imgur.com/D4TqXtN.png) --- #### <部落格架設 創作> 7. 排版、打字,完成部落格 > 網址:https://ting-chia-chang.github.io/ --- #### 謝謝大家 ---
{"metaMigratedAt":"2023-06-15T07:43:24.302Z","metaMigratedFrom":"YAML","title":"Untitled","breaks":true,"slideOptions":"{\"theme\":\"white\"}","contributors":"[{\"id\":\"48ea2233-4cfc-44ea-a67c-0b1153565c6e\",\"add\":1558,\"del\":314}]"}
    192 views