2 posts tagged with "selfhost"

更新 blog post 時發現自動 deploy 不運作，原來 Travis CI org 已經不服務了 Orz。

原來用的 hexo 版本也舊了，要更新也得費一番工夫，不如來試試之前考慮過的 Docusaurus 吧。

花了一天做基本的 Docusaurus 設定與文章修正 ✍️，另一天加上自動部署和網站樣式🎨，並加上 Mermaid, Markmap 圖支援後，就倉促上線了⚡️。

改版後一樣是透過 Github hosting + 使用 Markdown 保存文章。

改版的主要差異​

文章網址改變​

雖然這次改版不再相容舊版 Blogger 的設定，網址改變了，但舊文依然保留。 可以透過Tags 查看各標籤分類下的文章。

RSS 連結改變​

從 http://blog.gasolin.idv.tw/feeds/posts/default 改到 https://blog.gasolin.idv.tw/rss.xml

待修正​

1. 修正文章內連結

根據建議，最好使用關聯檔案路徑（[文章]( 檔案.md )）而非相關連結 （[文章](https://post-url)）。

使用關聯檔案路徑有以下好處：

• 在 Github 上連結也可以用
• 可以隨時訂製 document slugs 而不需要更新所有連結
• 多版本文件時，文件可以正確連到對應的版本

2. 加回 Disqus 留言評論功能

看來需要進一步修改客製，就先不弄了。有什麼想向我講的就請留言到 https://twitter.com/gasolin 囉。

之前寫過一篇使用手機上傳 360 圖片到 Facebook，但其實要分享 360 照片¹的話，我們也可以用aframe自己弄個網頁來分享。

將照片放在自己空間的缺點是所有工作得自己來。我用yeoman寫了個的 360 照片網頁產生器generator-360-photo，可以用來產生如上的 360 照片網頁 (照片與照片網頁都放在 github page，透過 iframe 嵌入)，簡化了自己弄網頁來分享 360 照片的難度。

generator-360-photo在產生展示 360 照片網頁的同時，也對照片做優化。由於嵌入到 600x400 空間的圖檔解析度不需要太大，原本圖檔大小 5.6MB，解析度 5660x2830，優化為解析度 2048x1024 的圖檔後，大小只剩下 481KB。下載時間只需要原來的 1/11。

使用前需要使用 npm 安裝 yeoman 和 generator-360-photo

npm install -g yo
npm install -g generator-360-photo

generator-360-photo 用到sharp來最佳化照片，如果在 Ubuntu linux 或 windows bash 環境下，需要使用

apt install build-essential

命令安裝必要的編譯工具。

安裝後切換到放照片的資料夾，就可以使用

yo 360-photo

命令來建立 360 照片網頁啦。

如果使用上有遇到什麼問題或建議，可以前往專案網頁回報。