Day 3:安裝 Hexo 前置作業:Node.js、Git、網頁編輯器 VS code、文章編輯器 Typora 在架設 Hexo 之前,有些前置作業要先進行。其中由於 Hexo 是使用 Node.js 撰寫,並且需要使用指令安裝 Hexo,因此需要安裝 Node.js 跟 Git。另外,如果要更擅於日後部落格的設定以及文章撰寫,今天還會推坑 VScode 以及 Typora 這兩個工具,就請大家繼續看下去囉! 2021-09-18 Hexo IT 鐵人賽 2021 iThome 鐵人賽:30 天利用 Hexo 打造技術部落格
Day 2:挑選 Hexo 作為工程師技術部落格 來到鐵人賽第二天,今天我們來聊聊 Hexo 這個架設工具。 Hexo 是什麼? Hexo 是利用 Node.js 所撰寫而成的部落格程式,我們能夠利用 Hexo 產生出靜態網頁。沒錯!就是靜態網頁,透過指定的 Hexo 指令,可以產生出靜態頁面以及文章的編輯檔案,再透過編譯就能夠邊溢出對應的 HTML 檔案。 2021-09-17 Hexo IT 鐵人賽 2021 iThome 鐵人賽:30 天利用 Hexo 打造技術部落格
Day 1:為什麼工程師要建立自己的技術部落格? 大家好我是 Gui,一名剛於私立科大資管系畢業的社會新鮮人,這是我第一次參與 IT 鐵人賽,既緊張又害怕受傷害(誤),其實過去一直都知道有這個賽事,受到不少鐵人賽文章的幫助,在無數的夜晚幫助我完成了無數的 code(?),很開心這一次總算跟到鐵人賽的賽事了!(雖然沒學生獎勵可領感到難過) 2021-09-16 Hexo IT 鐵人賽 2021 iThome 鐵人賽:30 天利用 Hexo 打造技術部落格
SITCON 2021 學生計算機年會,我的參與初體驗 學生時代有非常多的校內活動,雖然就讀資管系,卻是到了大四才有意識到想參與年會這一件事情。於是緊盯著四月初的搶票日期,也順利地搶到了票。 2021-09-12 學習 SITCON Conference
六角學院網頁切版直播班,我的上課心得 如果你有長期在追蹤我的部落格就會發現,我近期發表的文章基本上都是跟 CSS 相關的。主要原因是我參加了六角學院的網頁切版直播班,那些都是我的課堂筆記。雖然我的筆記還沒全部補完 QQ 不過就先來發表一下我參與六角學院切版班的心得吧。 2021-09-05 學習 網頁 切版 上課心得
Sass / SCSS 筆記:如何利用變數管理重複設定值? 使用 Sass / SCSS 管理 CSS 內容,除了能夠撰寫巢狀式語法架構外,還有像是變數、Mixin 等功能,可以幫助我們管理重複的 CSS 設定值或是語法,不但能夠優化 CSS 空間,也能夠增加日後開發的方便性。這篇文章就先來探討 Sass / SCSS 的「變數」。 2021-08-29 CSS CSS Sass SCSS
更便利於撰寫與管理 CSS 的工具 - Sass / SCSS,如何使用、編譯? CSS 在網頁上的需求愈來愈多,但是在愈寫愈多的情況下,預設的 CSS 語法可能無法滿足,管理上也比較不易,而今天要介紹的 Sass / SCSS 就能夠幫助我們更方便於 CSS 的撰寫與管理。 2021-08-22 CSS CSS Sass SCSS