使用Hugo,只需5分鍾,輕松搭建一個自己的博客


前面跟大家介紹過hexo這款靜態博客系統,功能強大,基本能滿足博客的各種需求。今天,我再跟大家介紹一款優秀的靜態博客系統,那就是Hugo.

Hugo是由Go語言實現的靜態網站生成器。簡單、易用、高效、易擴展、快速部署。Hugo與hexo類似,只需要記住幾個簡單的命令,即可生成靜態博客。

下面就開始簡單介紹一下這款靜態博客系統

下載Hugo

https://github.com/spf13/hugo/releases下載對應操作系統的版本,已Windows為例,下載如下文件

image

添加環境變量

解壓文件,復制hugo.exe路徑,添加到環境變量Path,步驟如下圖

image

創建站點

在命令行中執行如下命令

hugo new site /path/to/site

執行完會在你填寫的路徑下創建一個站點目錄,執行命令進入站點目錄

cd /path/to/site

站點目錄結構如下

  ▸ archetypes/
  ▸ content/
  ▸ layouts/
  ▸ static/
    config.toml

創建文章

執行如下命令會在content目錄下生產一個about.md的文件

hugo new about.md

內容如下

+++
date = "2015-10-25T08:36:54-07:00"
draft = true
title = "about"

+++

正文內容

安裝皮膚

官方地址選擇一款心儀的皮膚,或者再GitHub上搜索。
比如喜歡hyde這款皮膚,找到他的GitHub鏈接https://github.com/spf13/hyde.git,在根目錄創建themes目錄,執行如下命令

cd themes
git clone https://github.com/spf13/hyde.git

運行Hugo

執行如下命令,指定以hyde主題運行,瀏覽器打開地址http://localhost:1313即可查看效果

hugo server --theme=hyde --buildDrafts

部署

需要部署到GitHub等Git倉庫,需要執行如下命令

hugo --theme=hyde --baseUrl="http://coderzh.github.io/"

這里的baseUrl是你GitHub開啟Pages服務的地址,執行完以后會生成public目錄,進入目錄初始化本地倉庫,提交到遠程倉庫即可(可參考上一篇Git很麻煩?只要掌握這幾個命令,輕松將代碼提交遠程倉庫

幾個簡單步驟,你的靜態博客基本完成了,后續就是寫文章和根據自己的需要調整主題的細節。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM