用Hugo来建立网站
2022-05-07
记录一下我建立这个网站的过程。
下载Hugo
-
这里是Hugo的网站。我从它指引的github链接中,下载了windows的安装包“hugo_0.98.0_Windows-64bit.zip”。
-
建立文件夹
d:\mywork\Hugo
,在下面建立子文件夹d:\mywork\Hugo\bin
和d:\mywork\Hugo\sites
。 -
把安装包解压缩在
d:\mywork\Hugo\bin
文件夹中。
将Hugo加入到Windows路径设置中
- 右击“开始”—>系统—>高级系统设置—>环境变量—>在用户变量中找到path—>编辑—>浏览
- 选择你的
d:\mywork\Hugo\bin
文件夹 - 然后确定。
创建网站
- 右击“开始”—>Windows Power Shell
C:\Program Files> cd d:\mywork\Hugo\sites
D:\mywork\Hugo\sites>hugo new site my_site
- 可以看到my_site文件夹下已经有了不少内容。
获取theme
我找到了谢益辉的一个主题。
cd my_site
git init
git submodule add https://github.com/yihui/hugo-ivy.git themes/hugo-ivy
编写config文件
在my_site文件夹下找到config文件,加入一些简单的内容。
baseurl = "https://localhost:1313/"
RelativeURLs=true
CanonifyURLs=true
languageCode = "zh-cn"
DefaultContentLanguage = "zh-cn"
title = "Yong Gao"
theme = "hugo-ivy"
[menu]
[[menu.main]]
name = "首页"
url = "/"
weight = 1
[[menu.main]]
name = "日志"
url = "/blog"
weight = 2
[[menu.main]]
name = "教学"
url = "/teaching"
weight = 3
[[menu.main]]
name = "翻译"
url = "/translation"
weight = 4
[[menu.main]]
name = "发表"
url = "/publication"
weight = 5
[[menu.main]]
name = "其他"
url = "/other"
weight = 6
编写首页内容
在..\my_site\content
文件夹下生成一个markdown文件_index.md
,然后编辑。
我目前在中国政法大学社会学院教书。
建立这个网站,最初动机是分享自己论文中的一些数据分析代码。
但既然已经折腾了一番,也就在这里顺便写点别的东西吧。
在..\my_site\content
文件夹下生成与config文件中相应的子目录,如\publication
,\other
等。
然后分别加一些相应的markdown文件。
预览
hugo server
一切顺利,我现在可以在https://localhost:1313/这里预览网站的样子。
回到config文件中,修改baseurl = "https://gaoyong88.github.io/"
与github建立联结
- 在github上新生成一个库,称为gaoyong88.github.io
- 在git bash中生成ssh密钥
$ ssh-keygen -t rsa -C "vincentgy@gmail.com"
$ cd ~/.sh
$ ls
$ cat id_rsa.pub
- 确认密钥成功。
$ ssh -T git@github.com
- 登录github。settting—>SSH and GPG keys—>New SSH keys,然后拷贝起去。
上传至github中
hugo
cd public
git init
git remote add origin git@github.com:gaoyong88/gaoyong88.github.io.git
git add .
git commit -m "first build"
git push -u origin master
好了,我在https://gaoyong88.github.io/中看到我的网站了。
购买域名
- 在阿里云上注册,花29元购买一个域名gao-yong.cn。
- 必须进行“域名实名认证”,等2-3天让实名认证信息同步至管局。
- 在阿里云上进行域名解析。
- 在github项目页上找到
page
,然后将Custom domain
项改为gao-yong.cn
。 - 现在可以在https://gao-yong.cn/中看到我的网站了。