該如何用 GitHub Pages 架個人網站 (下)

更新 發佈閱讀 1 分鐘

上一篇本來說要利用 Hexo 框架來設計靜態網站,但我看了看,還要安裝 IDE 跟下載套件,這就不太符合我的期待,其實我只是想要弄個網頁當自我介紹用而已,根本沒必要這麼複雜。

如果真的要好好設計一個網站,我應該就直上 WordPress 了,何必在這邊搞東搞西,單純想用最簡單的網路設定方式,不用下載任何套件,最好也不用寫啥程式,只要設定設一設就可以擁有自己的個人網頁。

對的,我要的就是這麼簡單的效果!

於是,我又開始搜尋符合需求的工具,以前有 FrontPage 那種所見即所得的網頁設計軟體,但現在也都消失了。

終於,還是讓我找到想要的東西,那就是 HTML 編輯器,我可以直接在編輯器裡編排想要呈現的內容,然後就可以用編輯器產生 HTML 原始碼,我直接存成 index.html 後,接著上傳至先前 GitHub Pages 的根目錄下,如果有圖也都放在一起,然後連結指向存放的網址即可。

這樣簡單的操作後,就可以開開心心地像編輯 Word 檔一樣,來設計自己的個人網頁了。

我後來決定採用布丁版的 TinyMCE 網頁編輯器,因為它免安裝,然後功能又算齊全。當然,還有好幾個不同的選擇可以考慮,我統一放連結在參考網站上面。

請參考我簡單設計的網頁: https://otakuyeh.github.io/

參考網站如下:

  1. HTML Editor 線上所見即所得編輯器
  2. 在線HTML編輯器
  3. HTML編輯器自己做!布丁版TinyMCE編緝器
  4. 神調校讓CKEditor更好用
留言
avatar-img
一個工程師的創業之旅的沙龍
74會員
442內容數
閱讀可以用最低的成本來獲得別人經驗,培養閱讀能力,一生受益。但要記住,別只讓自己的大腦永遠處於「輸入狀態」,要適當地「輸出」自己的想法。透過閱讀輸入,再利用寫作輸出,就像「費曼學習法」說的一樣,教授到別人能夠了解,自己才算是領悟了這門學問。
2024/06/16
夏天時,我常吃到自家種的竹筍,但從來沒有親身去挖過;因此竹筍在我的想像中,永遠都是那個已經被洗好、整理好的形象,跟在菜市場中買到的竹筍沒有兩樣。就在昨天,我終於親身體驗挖竹筍的樂趣,拿著工具跟桶子挖了十幾根新鮮的竹筍。
Thumbnail
2024/06/16
夏天時,我常吃到自家種的竹筍,但從來沒有親身去挖過;因此竹筍在我的想像中,永遠都是那個已經被洗好、整理好的形象,跟在菜市場中買到的竹筍沒有兩樣。就在昨天,我終於親身體驗挖竹筍的樂趣,拿著工具跟桶子挖了十幾根新鮮的竹筍。
Thumbnail
2023/09/18
這個時代想要靠買賣商品賺差價,就算是總代理壟斷貨源,也很難避免有人平行輸入透過電商競爭,一切還是要回到服務上,「靠服務帶動商品銷售」,為客戶解決問題,才能賺到錢。像機車行跟汽修廠,它們也不會自己屯材料,都是跟附近的材料行叫貨,賺的是服務的工錢跟些許的材料差價。
Thumbnail
2023/09/18
這個時代想要靠買賣商品賺差價,就算是總代理壟斷貨源,也很難避免有人平行輸入透過電商競爭,一切還是要回到服務上,「靠服務帶動商品銷售」,為客戶解決問題,才能賺到錢。像機車行跟汽修廠,它們也不會自己屯材料,都是跟附近的材料行叫貨,賺的是服務的工錢跟些許的材料差價。
Thumbnail
2023/09/13
怎麼會突然想架站呢? 其實是想找個地方放自己的「個人簡介與資料」,以前唸博士班時,系上都會給我們每個人一個空間,只要把網頁放到那個空間去,就可以在網路上查到我們個人的網頁。網站托管的伺服器 (虛擬主機) 也要錢,所以當我看到免費的 GitHub Pages 可以當「網頁伺服器」使用時,就選定它了。
Thumbnail
2023/09/13
怎麼會突然想架站呢? 其實是想找個地方放自己的「個人簡介與資料」,以前唸博士班時,系上都會給我們每個人一個空間,只要把網頁放到那個空間去,就可以在網路上查到我們個人的網頁。網站托管的伺服器 (虛擬主機) 也要錢,所以當我看到免費的 GitHub Pages 可以當「網頁伺服器」使用時,就選定它了。
Thumbnail
看更多