建立時間: 2023-02-01 23:48
Modified: 2023-05-12 19:55
標題: [ 08 發布 ]
tags: #obsidian, #雲端
08 發布
[toc]
|
|
來源：
==high==
方法1: 花錢、付費服務中有一個發布功能
方法2: 插件obsius-obsidian-plugin
僅支持純文本和簡單樣式，想要發布哪一篇筆記，你只需要選中並右鍵此筆記，在右鍵菜單裡選擇publish to obsius即可。如果你已經發布了A筆記，現在對A筆記進行了內容更新，此時你再次選中A筆記右鍵，可以看到update in obsius，只要點擊便可在網頁中更新了。你還想拷貝更新後的筆記鏈接和刪除已發布的筆記，此時你只需再次右鍵，便可以看到copy obsius URL和Remove from obsius。不能設網域
方法3: 插件obsidian-web
偏wiki可資料夾發布,內網訪問。外網訪問要建議可以使用ngrok進行映射
方法4: 插件obsidian-digital-garden + Github + Netlify
教學 基于 Digital Garden + Github + Netlify,插件製作者是使用Digital Garden + Github +Vercel
方法5: 傳到網誌或部落格
md轉成html格式
可以用一些線上網站或者插件-Copy as HTML 或者 obsidian-copy-as-html
非自己網域: (有的可付費指向自己網址)
- wordpress (要轉格式)
- medium (要轉格式)，ps沒有高亮
- blogger (要轉格式)
- Telegraph 支援 Markdown 語法，具有匿名特性，它無須註冊或登入任何帳號，發佈後只有原作者能編輯內容，由於沒有登入、註冊帳號的機制，編輯應該是認瀏覽器 Cookies 記錄的，因此只有原作者使用原瀏覽器才有編輯權限。
- Write.as
- Mixa網站: 感覺有些新，一些功能都沒有
- Bloggi) :只支援 Markdown 語法，沒有所見即所得編輯器，沒有插件快速發布，沒有toc，有超連結的文字沒有特殊色表示這裡有超連結。優點：接受md的高亮符號、html的底色
自己網域架站:
需要網域、dns、伺服器
程式:靜態站點生成器 或動態網站
- wordpress動態網站
- ghost: md格式,動態網站
- Hexo: 用md寫網站，可一鍵佈署到GitHub Pages, Heroku 或其他網站。教學
- frontpage
- Hugo ：文章用Markdown寫好後，用Hugo生成網頁，將整份網站原始碼上傳到私有Github倉庫(備份)，再由Netlify /Cloudflare Pages/Azure static web自動部屬公開網頁教學-Hugo + Github + Netlify。 另一個教學，另一個教學 ,另一個教學教學hugo+github pages+disqus+google廣告，同步git的教學，安裝git+hugo教學
- Jekyll
- Gitbook
- mkdocs（Markdown Documents）: md格式筆記，python程式碼教學 教學2。適合ob的模板
- Gatsby: md格式，適合obsidian的網站模板Wiki/Docs/Knowledge Base 的 Gatsby Theme、 gatsby-starter-obsidian-garden、gatsby-garden: A Digital Garden Theme for Gatsby。一些插件gatsby-remark-obsidian支持ob的md與法的的 Gatsby 插件
- 自製適合obsidian的靜態站點，例如支援雙向連結(原始程式看作者是用甚麼寫,就是所謂的主題)，可以參考 幾個站點 各種靜態站點比較
PS 靜態站點的缺點是：
- 沒有評論功能。建議使用第三方評論系統，例如 Disqus。
- 動態生成的內容，如最近的帖子、最近的評論、相關的帖子，將被保存為靜態
架在哪
- 虛擬伺服器、雲端主機
- 雲端硬碟 (靜態網站)
- github倉庫
- github pages: 僅支持靜態網頁,網站大小不能超過 1GB, 網站每月流量不能超過 100 GB, 一小時內的網站更新不得超過 10 次，庫的名稱規則為 名稱.github.io ,庫得設公開。影片簡易教學
- Gitlab Pages
- Netlify :每月流量限制100GB教學,限於python 3.8
- Neocities
- Vercel
部屬自動化程式
- Netlify 教學: 可直接拉github倉庫內容去建構網站(網站放在github，可以git版本控制)，庫可以設私人
- cloudflare 的Page 教學-使用hugo : 可直接拉github倉庫內容去建構網站(網站放在github，可以git版本控制，庫可以是私密)，可以接受hugo、Jekyll、Gitbook等等，可以綁自己的域名。重要!!如果模板試已經建構好網站的，構建命令選 none、根目錄留空白。教學，環境變數記得寫，例如hugo,
HUGO_VERSION為0.92.0。 - GitHub page: 庫得設公開,庫的名稱規則為 名稱.github.io
- vercel
總結 主要是:架站程式+部屬程式+放的位置
方法6: 未整理
1.MindStone
代碼在github,寫了整個網站，把md放入指定位置，安裝Yarn，就可在內網看到。若要外網可看，作者同個github庫有寫Netlify創鍵照步驟映照到外網，選擇要部屬的站點(哪裡創建站點)，例如github，以後更新md只要push上去github庫就行了
2. wordpress程式+插件+github pages託管
3. html+github託管+cloudflare 的Page
教學 轉成html後，建一個index.html，再把其他筆記一起push到github，cloudflare 的Page串聯到github庫 缺點: 整麼串??
4. 如何使用 GitHub 更好地開發 WordPress 網站
https://www.wpdaxue.com/wordpress-github.html 本機先建立wordpress後推送到github庫，再來建立到githib pages 網頁格式html (因為wordpress嗎?)
5. WordPress + Cloudflare Pages
https://www.letswrite.tw/wordpress-cloudflare/ 本機先建立wordpress，安裝外掛 Simply Static 會把建立的文章轉靜態HTML 檔案，跑完後要下載整個網站的zip。丟上Cloudflare Pages部屬網站
6.Perlite (使用 PHP)
只需將整個 Obsidian vault 或 markdown 文件夾/文件結構放入您的 web 目錄中。該頁面自行構建。這背後的想法是您不需要自己或使用任何腳本將 Markdown 文件轉換為 HTML。PHP 引擎“按原樣”分析文件結構。您可以將整個 Obsidian 保險庫或 Markdown 文件夾/文件結構放在您的 Web 目錄中，頁面將自行構建。教學
- 如何將筆記添加到perlite? 通過 Github 同步我的筆記。我將我的保險庫和更改推送到私有 Github 存儲庫，我的網絡服務器從那裡提取數據，這可以通過 cron 作業安排 現在您可以通過您的私有 git 密鑰將您的存儲庫克隆並拉取到您的 Web 根目錄 或者，您可以使用任何其他基於雲的服務在本地保管庫和網絡服務器之間同步文件
7.Logseq graph
https://github.com/logseq/publish-spa
8. mkdocs+github pages或Netlify
Netlify模板 Github Pages模板 Netlify教學
9. Hugo主題-木木木
https://github.com/lmm214/immmmm 可以搭配cloudflare https://lillianwho.com/posts/obsidian-hugo-cloudflare/ ob打完文章,讓git插件push到github倉，cloudflare pages自動拉取倉庫更新建構網站
10.Ananke：Hugo Sites 的主題
https://github.com/theNewDynamic/gohugo-theme-ananke 完全依照教學-Hugo + Github + Netlify安裝主題，以及主題提到的在YAML區放toc會自動偵測2級以下的標題並生成大綱。會顯示最近上傳。缺點：不能顯示md的高亮符號，以及css的黃底。
11. Hugo主題庫
12.Hugo主題:Diary
https://github.com/amazingrise/hugo-theme-diary 一些自訂義，設定搜尋框 https://github.com/AmazingRise/hugo-theme-diary/wiki/Customization#about-highlight
跟匯出一樣有些功能不支援或者得改一下程式碼
參考 [[09 轉檔、匯出]]
- 大綱，依照各網站手動修改
- dataview都不行用，就算是官方也不行
- 一般md的高亮符號常不能用，常見是背景黃底
圖片&影片
- 線上免費圖床
- 可以參考[[03.圖床方法整理]] 建立免費圖床
- 缺點：圖床砍圖
- 優點：免費，流量算圖床公司的，文章檔案小
- 本地圖床
- 可以使用插件把線上圖床都下載下來 [[05 插件]]
- 優點：安全
- 缺點：占空間、流量算自己的、需要整理圖片與文章放一起教學
目前已試的
hugo模板1:quartz
- 缺點：沒有所有文章列表，無法建在cloudflare pages
- 優點：簡單，可建立在github pages，自動toc，可以html的黃底
- 一定要用push才會誘發流程
- 如果本地不看網站預覽的話，不用安裝架站程式環境，只要安裝git就好
- 所有文件的邊欄部分有人有寫半自動方式生成[[Quartz 中的邊欄]]
- cloudflare pages建立成功-建構指令留空、環境要添加hugo_version
mkdocs模板1
jobindjohn/obsidian-publish-mkdocs
- 缺點：沒有toc，無法建在cloudflare pages
- 優點：簡單，可建立在github pages,有所有文章列表可資料夾分類
- 一定要用push才會誘發流程
- 如果本地不看網站預覽的話，不用安裝架站程式環境，只要安裝git就好→目前只有架在github pages成功
- 參考mkdocs官方樣板感覺少好多內容mkdocs-material
hugo模板2: Ananke
https://github.com/theNewDynamic/gohugo-theme-ananke 優點：YAML有輸入toc可以自動toc，但是只偵測2級以下的標題。有最近上傳文章，看主題教學應該能開啟很多功能 缺點：不能顯示md的高亮符號，以及css的黃底。
hugo模板3: diary
https://github.com/amazingrise/hugo-theme-diary 多填一些內容到toml檔 優點：有自動toc。有最近上傳文章，可設定一些 按鈕點進去，設定搜尋框 缺點：不能顯示md的高亮符號，以及css的黃底。(看怎麼修程式) 可以建在cloudflare pages：框架選hugo、build照著建議保留，環境(進階)輸入HUGO_VERSION值0.111.3 (這是桌機安裝的最新版)