Hugo | Andrew's Blog

如何添加RSS feed到您的Hugo PaperMod主題?

Hugo是一個熱門的靜態網站產生工具，而PaperMod本身就內建了RSS 2.0模板。什麼是RSS feed? RSS其實是「Really Simple Syndication」的簡稱，中文翻譯為簡易資訊據合，目的其實很簡單，主要提供一個標準化格式，將新聞、部落格、網站或是社交平台頻道的更新資訊彙整到一個頁面。所以意思指，如果有支援RSS服務的話，可以讓那些追蹤者，可以更簡單的追蹤到您最新文章或資訊。建立RSS feed到您的Hugo PaperMod主題，只要三步驟步驟一: 確認config.yml檔案裡的output的清單有RSS 步驟二: 新增RSS feed圖示到您的網站步驟三: 開啟所有文章內容支持產生RSS XML檔案所以現在config.yml檔案裡應該要有以下的代碼:: params: ShowFullTextinRSS: true # Supports to show your whole contents in RSS, not just summary socialIcons: - name: rss # Shows an RSS feed icon on your site` url: "index.xml" # Your RSS feed url path outputs: home: - HTML - RSS # Supports your site output including RSS format - JSON 完成以上步驟後，現在您的Hugo PaperMod主題網站，已經可以支援RSS feed了。...

如何整合Disqus到您的Hugo網站?

什麼是Disqus? 是互聯網最受歡迎的評論外掛程式，使出版者可輕鬆將他們的內容更加靈活，增加豐富多元的討論，並有效地審核評論和建立社群。手把手教學，教您整合Disqus到您的Hugo網站步驟一: 註冊Disqus 步驟二: 安裝Disqus 步驟三: 選擇"I want to install Disqus on my site." 步驟四: 填寫表單資料步驟五: 複製留言的模板，並建立disqus.html檔案在您的Hugo網站的檔案夾底下的layouts/partials，然後並貼上您獲得的留言模板範本應該會長得跟下面的代碼一樣: <div id="disqus_thread"></div> <script> /** * RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS. * LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables */ /* var disqus_config = function () { this.page.url = PAGE_URL; // Replace PAGE_URL with your page's canonical URL variable this....

如何添加Google Analytics到Hugo?

什麼是Google Analytics? Google Analytics是一個網站分析服務，它提供統計和基本分析的工具，給搜尋引擎最佳化和行銷目的。這個服務是一部分Google行銷平台並免費提供給任何有Google帳號的用戶使用。如何添加google analytics到Hugo網站? 步驟一: 建立一個google帳號步驟二: 到google analytics網站步驟三: 在google analytics設定好您要分析的網站資訊步驟四: 取得您給google analytics分析的ID 步驟五: 編輯您Hugo的config.yml 添加 googleAnalytics: G-MEASUREMENT_ID 到您的config.yml檔案。步驟六: 添加google analytics模板到您Hugo的主題添加 {{ template "_internal/google_analytics.html" . }} 到您的主題底下的head.html檔案 <head> 區塊內參考資料 DEFINITION Google Analytics Google Analytics Internal Templates | Hugo

如何使用Hugo建立自己的部落格?

手把手教學，教您如何建立Hugo靜態部落格，並部屬到GitHub! 前言最近一直有想要架設一個部落格的想法，之前也使用過很多部落格的服務，到最後也都不了了之，此次下定決心，要寫些東西，所以在Google後，發現了Hugo這個Framework，可單純使用Markdown，來架設一個靜態網站，反正我也沒有想要搞一個動態網站，來放我的想法跟筆記，所以對我來說這是個不錯的方案，又可以免費使用GitHub的服務當Host，然後可以付點錢，讓私有庫也可以顯示您的網站。如果想要架設自己的部落格，又有預算考量，可以考慮使用Hugo來架設，自己的部落格。事前準備因為本人還沒有摳摳買Macbook(還在英國找工作中)，所以本篇教學會全用Windows進行撰寫。首先我們需要Git這個來處理我們撰寫好的東西，並部屬到自己Git的公開庫，另外我們也需要一個軟體來輔助我們撰寫Markdown文件(例: Visual Studio Code 外加套件)。 Git安裝與確認首先我們先到Git的官網下載 Git 到 Windows. Download for Windows，依照自己版本位元下載，下載後，滑鼠左鍵雙擊，並按下"Next"到"Install"即可無腦安裝完畢。安裝完畢後，我們使用快捷鍵"Windows + S"，並輸入"CMD"，來開啟命令提示字元。開啟後輸入以下指令。 git version 並會得到。 git version 2.xx.x.windows.x 當確認可以成功查詢安裝的版本號，即代表已成功安裝Git了。再來我們需要安裝 Visual Studio Code 這是一個免費的IDE，另外我們需要另外安裝套件來處理Markdown。 Visual Studio Code & Markdown Plugin安裝一樣我們到 Visual Studio Code 的官網下載安裝檔，並進行安裝，一樣"Next"到"Install"。安裝完畢並開啟，應該會看到以下的畫面。然後我們到"View"下的"Extensions"(也可用Ctrl+Shift+X)去搜尋"Markdown"的 Extensions，找到"markdownlint"並安裝。到目前為止，我們已經成功安裝了Git & Visual Studio Code w/ markdownlint Extension。接下來我們要繼續安裝 Hugo 和建立自己部落格的第一篇文章。 Hugo安裝與建立自己的部落格在安裝Hugo前需要安裝chocolatey這個工具，這裡是直接使用"Individual"並透過開啟Administrative的PowerShell，並執行以下指令來安裝的。 Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iex ((New-Object System....