共 blog 加添「漢字/台羅/華語」展示家私

起造個人網頁 系列第 2 篇
這篇文章提供雙語服務 翻譯甜粿

點擊上方的「漢字標台羅」、「台羅標漢字」、以及「並列」就能切換顯示的模式:)

現在有 AI 工具可以互相協作,真的很幸福。以前自己學 HTML/CSS/JavaScript,學老半天也難以精通,想要實現什麼想法都需要花很多時間和精力。現在要修改自己的網站變得非常簡單,一個月 20 美元的 Cursor Pro 就好比請了一位隨時都能上班的資深工程師來幫你工作。

最近我成功加了一個 Hugo ShortCode,我只要輸入「漢字」和「羅馬字」的平行文本,就能自動轉換成 Ruby 標註的格式。這個東西的程式邏輯其實不算簡單,尤其是漢字文本如果夾雜羅馬字或英文時還需要特別處理。

之前我做 台語文打字練習 的時候就已經有寫過類似的程式,這次請 AI 幫我把那個網頁的程式邏輯整理成 .md 檔案,再請另一個 AI 根據這份文件改寫成 Hugo ShortCode,第一次嘗試就成功了,然後再調整 CSS 美化外觀就能使用了。未來可以拿來寫一些教學性的文章,或是存特定的語料資料。

最近投稿 BlogBlog Party 的文章,其實也有請 AI 寫一個計算時間的工具,就是為了在註解裡可以計算我跟皓梅到底在一起多久😆,這個工具也可以重複使用。比如說,這篇文章自發表到現在已經過了 時間錯誤 了,而且這段文字還能配合雙語切換功能一起變動顯示內容。設計這些網站專屬功能真的很開心,這是社群平台絕對做不到的事。

這馬有 AI 家私通鬥相共的時代有影是誠幸福,較早家己學 HTML/CSS/JavaScript 學規半晡嘛猶是捌一半,想欲實踐啥物想法都愛了袂少時間佮氣力。這馬欲修改家己的網頁是不止仔緊,一個月 20 美金的 Cursor Pro 就袂輸請一个不管時攏會當上班的資深工程師替你做代誌。

最近有成功增加一个 Hugo ShortCode,我會當輸入「漢字」、「羅馬字」的平行文本就通變做 Ruby 字的標註,這个物件的程式邏輯細節其實袂少,尤其是漢字文本若是有濫羅馬字抑是英語閣需要特別處理。

較早我做 台語文拍字練習 的時陣就已經捌做過,請 AI 共彼个網頁的程式理路整理做 .md 檔案,閣請另外一个 ai 照這个文件共改寫做 Hugo ShortCode,試一改就成功矣,閣再調整 CSS 做妝娗就會當用矣。凡勢以後會當提來寫一寡教學性質的文章,抑是囥特定的語料。

最近投稿 BlogBlog Party 的文章其實嘛有央 ai 寫一个計算時間的家私,干焦為著欲佇註解遐會當計算我佮皓梅到底鬥陣偌久😆,這嘛會當重複使用,比論講這篇文章自發表到這馬已經經過 時間錯誤 矣,而且遮的文字閣會當綴雙語切換的功能改變顯示的文字。設計遮的家己網站的功能實在是不止仔心適,這是佇社群平台絕對做袂到的代誌。

起造個人網頁系列
  1. 個人網頁重起
  2. 共 blog 加添「漢字/台羅/華語」展示家私