2023年6月10日 星期六

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

上一篇本來說要利用 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更好用

沒有留言:

張貼留言

拼續航力 → 從短跑衝刺變成馬拉松訓練

最近幾週我過上了極其規律的工作型態,因為在有時間壓力的情況下,有幾個新的產品功能待開發;但我又不想把自己的時間全壓上去,因此就每天專注工作三至四小時,確保當天都有達成設定的目標,也不特別著急著一次做完。 回頭一看,其實默默地都有完成當初預定的目標,似乎也沒有因為每天只專注開發三、...