【Hugo】Hugo Blog建立成功

config.toml設定

【Hugo】Hugo Blog建立成功

config.toml設定


前言

我所使用的Hugo主題是beautiful hugo

當初在建立時,是觀看hahow好學校的Github免費架站術!輕鬆打造個人品牌這堂課程來完成的,非常適合像我這樣的初心者,裏頭也包含了創建Github、Hugo主題設定、Markdown語法撰寫的介紹與使用,有興趣的人也可以點擊連結參考看看。

一開始在創建部落格時,我完全不知道該怎麼去調整config.toml設定檔,搜尋網路上有相關的文章也不多,所以我最後只好一項一項的去測試摸索。雖然每個Hugo主題的設定檔,都可能會有些微不同,但是其中還是會有些相同的設定值可做參考,所以我這邊就來分享關於我的主題設定檔,希望能給也想建立Hugo網站的人一點幫助,省下再去一項一項慢慢測試的時間。

以下是我的設定檔內容,若註解上有上有錯誤的地方,也可以告訴我來做修正。


分享設定

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
#此網站的連結網址
baseurl = "https://jack842248.github.io"

#語言設定
DefaultContentLanguage = "zh-tw"

#頁籤標題
title = "Jack Huang Blog"

#Hugo主題名稱
theme = "beautifulhugo"

#Disqus評論功能的WebsiteName
disqusShortname = "XXXXXXXXXX"

#Google Analytics的追蹤ID
googleAnalytics = "UA-XXXXXXXXX-X"

#Chroma(新)語法突出顯示,不使用直接註解掉
pygmentsCodeFences = true
pygmentsUseClasses = true

#Pygments(舊)語法突出顯示,不使用直接註解掉
pygmentsStyle = "trac"
pygmentsUseClassic = true

#Syntax Highlighting語法突出顯示,不使用直接註解掉
pygmentOptions = "linenos=inline"
pygmentsCodefencesGuessSyntax = true

#這是我自己額外加的code碼顯示功能,使用樣式是monokai(底下[補充說明]有其他格式可選)
[markup]
  [markup.highlight]
    #讓code碼有編號
    lineNos = true
    #code碼的樣式名稱
    style = "monokai"

#(舊設定)讓code編碼有顏色
useHLJS = false

#設置Banner主標題
homeTitle = "JJ的秒懂筆記" 

#設置Banner副標題
subtitle = "複製貼上就能執行的code"

#網頁中間主要的圖片
logo = "img/avatar-icon.png"

#頁籤旁的小圖示
favicon = "img/favicon.ico"

#設定時間格式(底下[補充說明]有其他格式可選)
dateFormat = "2006-01-02"

#是否顯示閱讀時間
readingTime = true

#是否顯示文章字數
wordCount = true

#是否顯示文章底下分享icon
socialShare = true

#是否延遲顯示評論(要再點擊才會顯示評論)
delayDisqus = true

#是否顯示相關文章
showRelatedPosts = true

#是否隱藏文章作者
hideAuthor = true

#以下是我還不清楚的設定檔
rss = false
commit = true
comments = true
metaDataFormat = "yaml"
mainSections = ["post","posts"]


補充說明:

  • dateFormat日期格式,可替換成以下幾種:

輸入語法 輸出樣式
.Date 2017-03-03 14:15:59 -0600 CST
Monday, January 2, 2006 Friday, March 3, 2017
Mon Jan 2 2006 Fri Mar 3 2017
January 2006 March 2017
2006-01-02 2017-03-03
Monday Friday
02 Jan 06 15:04 MST 03 Mar 17 14:15 CST
Mon, 02 Jan 2006 15:04:05 MST Fri, 03 Mar 2017 14:15:59 CST
Mon, 02 Jan 2006 15:04:05 -0700 Fri, 03 Mar 2017 14:15:59 -0600

樣式名稱
abap、abap、algol、algol_nu、api、arduino、autumn、borland、bw、colorful、dracula、emacs、friendly、fruity、github、igor、lovelace、manni、monokai、monokailight、murphy、native、paraiso-dark、paraiso-light、pastie、perldoc、pygments、rainbow_dash、rrt、solarized-dark、solarized-dark256、solarized-light、swapoff、tango、trac、vim、vs、xcode

hugo 

其他相關