从零开始建个小站 - 实操:个性设置
项目仓库克隆下来,网站的各项设置都是默认的,一些标题,作者之类的需要根据自己的实际情况进行修改,个性设置主要是网站根目录的框架配置和主题配置。好在 hugo
和 hexo
配置结构大同小异,而且都支持将配置文件放在网站根目录下,只需要修改配置,今后主题更新只需要同步配置其他也互不影响。
每套用一个主题,渲染出来的网站界面和功能都有所不同,所以除了基础配置,各个主题设计的配置项都可能不一样,所以一定要依照主题模板文档去配置!!!
一定要依照主题模板文档去配置!!!
一定要依照主题模板文档去配置!!!
Hugo
Hugo只有一个配置文件,默认的配置功能非常少,只包含网站标题,主页地址和语言,其他功能都依赖主题模板实现。
主题到 官网主题页 去选自己喜欢的,然后依照主题文档去操作,这就是前面要强调三遍的依照主题文档去配置!
以 Ananke
主题为例:
在 官网主题页 点击
Ananke
主题预览图或标题后,会被导航到主题说明页:https://themes.gohugo.io/themes/gohugo-theme-ananke/该页面有主题预览及功能说明等,当然也包括该主题怎么安装,怎么配置,以下也就是搬运主题文档演示一遍
按文档说明安装该主题:
1
2git submodule add https://github.com/theNewDynamic/gohugo-theme-ananke.git themes/ananke
# 作为子模块安装到themes/ananke,后期项目仓库部署时会从主题仓库更新配置
config.toml
,以下仅是演示,详细规则可参阅 Hugo官方配置说明在主题目录下有个
exampleSite
文件夹,相当于就是一个完整的站点演示了,直接把该目录下的config.toml
复制替换到项目仓库根目录下,或者复制里面的内容移到已有的config.toml
里也是一样的,最后配置出来是这样的: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
42title = "网站标题"
baseURL = "https://yiwangmeng.cn"
uglyurls = true # true or false, 'Pretty URLs' VS 'Ugly URLs': https://gohugo.io/content-management/urls/#pretty-urls
languageCode = "zh-cn" # "en-us" default
theme = "ananke" # 指定主题
resourceDir = "../resources"
DefaultContentLanguage = "zh" # 默认展示语言,和[languages]配置对应
SectionPagesMenu = "main"
Paginate = 9 # this is set low for demonstrating with dummy content. Set to a higher number
googleAnalytics = "
enableRobotsTXT = true
[languages]
[languages.zh]
title = "Ananke"
weight = 1
contentDir = "content/zh" # 该语言内容存贮目录
# languageDirection = 'rtl' for Right-To-Left languages
[languages.en]
title = "Ananke English"
weight = 2
contentDir = "content/en"
[sitemap]
changefreq = "monthly"
priority = 0.5
filename = "sitemap.xml"
[params]
text_color = ""
author = ""
favicon = ""
site_logo = ""
description = "The last theme you'll ever need. Maybe."
# choose a background color from any on this page: http://tachyons.io/docs/themes/skins/ and preface it with "bg-"
background_color_class = "bg-purple"
recent_posts_number = 3
[[params.ananke_socials]]
name = "twitter"
url = "https://twitter.com/GoHugoIO"填充内容
直接把主题
exampleSite
的static
和content
拷贝到项目网站根目录,然后启动本地环境预览下:hugo server
,除了自己修改过的个性化信息,其他跟主题演示没区别,然后依葫芦画瓢修改或者新增自己要的内容就可以了,关键还是要依照主题文档操作!
Hexo
和Hugo一样,Hexo内容个性化也是靠配置文件完成,展示个性化根据主题而定。Hexo主题可以到 官网主题页 去挑选:
配置文件包含根目录下的 _config.yml
和主题目录下的 _config.yml
,在新版中这俩配置可以合而为一,也可以将主题目录下的 _config.yml
移到根目录下命名为: _config.主题名称.yml
,如 _config.maupassant.yml
表示主题 maupassant
的配置,详见 Hexo主题配置说明。
配置优先级为:项目网站根目录下的 _config.yml
》 _config.maupassant.yml
》主题目录下的 _config.yml
,建议使用 _config.主题名称.yml
方式存储主题配置。
Hexo和Hugo一样,基础配置较少,剩下的请参照主题文档配置!请参照主题文档配置!请参照主题文档配置!