Contents

使用GithugPages搭建Blog

互联网从诞生发展至今日,每天有无数的人在上面留下自己的足迹,他们用它记录生活、抒发情感、分享见解,这一切都离不开一个可以承载文字的平台,一个独立的、由自己掌控的平台,而 GitHub Pages 就是这么一个平台。

在这个平台里你可以使用自己的个性域名;可以在海量的主题里挑选最适合你的那一款,如果你技术极客,也可以根据自己的喜好,设计属于自己的个性化页面;你既可以在线创建和发布网站,也可以在本地通过客户端工具或者命令行进行网站和内容的管理。

你完全可以通过 GitHub Pages 展示和输出自身价值,甚至可以把它打造成属于自己的互联网「身份证」。

如何使用 GitHub pages

首先你需要注册一个 GitHub 账号,并在个人主界面里选择创建一个新的 Repository 。

/images/create-blog-1.png

进入页面后,在 Repository name 的位置填写域名,格式是 username.GitHub.io

/images/create-blog-2.png

创建成功之后,点击右上角的 Settings

/images/create-blog-3.png

主题我们就随意选择好了

选择完毕之后 GitHub Pages 就会自动帮你生成好网站,在他跳转的界面点击 Commit changes 按钮,网站就可以访问了

在浏览器里输入你的项目名称,比如 siykt.github.io,就可以看到,你的个人网站的页面了。

使用 Hugo 搭建 blog

搭建个人博客有很多开源的博客框架, 我们要介绍的框架叫作 Hugo. Hugo 是一个基于 Go 语言的框架, 可以快速方便的创建自己的博客.

Hugo 支持 Markdown 语法, 我们可以将自己的文章写成 Markdown 的格式, 放在我们用 Hugo 创建的博客系统中, 从而展示给他人.

安装 Hugo

在 Windows 中安装

首先安装 choco 包管理器,需要在管理员权限下运行 cmd,执行如下命令,一般情况下,网络没有问题,即可安装成功:

powershell -NoProfile -ExecutionPolicy unrestricted -Command "iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))"

# 设置环境变量
SET PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin

然后使用 choco 安装 hugo:

# 使用国外资源安装可能较慢
choco install hugo -confirm

在 MacOs 中安装

可直接使用 brew 命令安装:

brew install hugo

在 Linux 中安装

在 Linux 中可以使用 snap 命令来安装,执行下面命令:

snap install hugo

如果你的 Linux 是 Ubuntu 版本,也可是使用 apt 来安装,但是 apt 安装的 hugo 可能不是最新版的,这样会对一些 hugo 主题的使用有所限制。

这种情况下我们可以到 hugo 的 github 仓库 中下载安装包来安装 hugo,我们可以下载一个 deb 包,然后使用如下命令安装:

dpkg -i <package.deb>

创建 blog

不管在哪种系统中安装 Hugo,最后我们都可以使用下面命令查看 Hugo 是否安装成功:

hugo version

# 如果安装成功会输出内容
# Hugo Static Site Generator v0.80.0/extended darwin/amd64 BuildDate: unknown

使用 hugo new site 命令创建博客:

# 博客项目的名字为 myblog
hugo new site myblog

这个命令会创建一个名为 myblog 的目录,这就是博客的根目录。目录结构如下:

├── archetypes │ └── default.md ├── config.toml # 博客站点的配置文件 ├── content # 博客文章所在目录 ├── data ├── layouts # 网站布局 ├── static # 一些静态内容 └── themes # 博客主题

创建好博客项目后,接下来是下载 hugo 博客的主题,这里有很多主题,我们可以任意挑选

之后使用 hugo server 启动本地 blog 服务器, 之后访问 http://localhost:1313/ 即可查看

参考链接

如何用 hugo 搭建博客

GitHub Pages 搭建教程