个人博客有许多开源的框架,基于Go语言的Hugo框架有着快速方便的特点,且支持Markdown语法,利用它来构建博客可以大大提高我们的效率。下面一起来看看怎么基于它构建出我们理想的个人博客,并将它托管至GitHub上吧!
1. 安装Hugo
野生菌使用的是Windows系统,所以安装过程中会基于Windows进行讲解,有关其他操作系统的安装方法可以参考官方文档
首先去官网下载hugo框架,hugo官网
下载完成后检查是否安装成功,输入:hugo version
,若出现版本信息则表示安装成功。
2. 新建站点
这时候我们已经安装好了hugo框架,接下来进入我们想要放置网站文件的文件夹中,输入hugo new site blog
,
再进入新创建的路径下cd blog
野生菌恭喜你!已经创建了自己的博客啦~
3. 为博客设置主题
Hugo 中你可以自己构建博客的主题或者使用网上已经有的一些主题。前人栽树,后人乘凉,在hugo主题官网
中找一个自己喜欢的主题吧!
然后进入主题所在的目录:cd themes
克隆主题:git clone https://themes.gohugo.io/themes/hugo-theme-next/
,这里野生菌的主题是NexT
然后在themes文件夹下会出现如下目录:
之后按照主题对应的要求,配置相关的文件。
配置完成后,输入hugo server -D
,在浏览器中输入http://localhost:1313
,就可以在本地可视化你的博客啦!
4. 使用Github进行托管
这时候虽然博客雏形已经有了,但只能是在本地查看,为了让别人也能通过网址访问,我们可以使用GitHub来对我们的博客进行免费托管。
在 GitHub 上创建一个仓库,不过仓库名有特殊要求。如果是个人账号,比如野生菌的 GitHub ID 是 yeplain,则仓库名是:yeplain.github.io
之后在你的 Hugo 网站目录下键入命令hugo -v
生成网站的相应文件,存储在 public 目录下。
进入public目录下,并按照正常的git命令操作:
cd public
git init
git add .
git commit -m "first commit"
git remote add origin https://github.com/yeplain/yeplain.github.io.git
#推送到远程git
git push origin master
之后如果我们写了新的博客
在blog文件夹中执行hugo
然后cd public
依次执行
git init
git add .
git commit -m "new commit"
git push -u origin master
就行啦~~~
5. 使用Aliyun域名进行托管
首先在阿里云上购买一个域名,我买的是yeplain.xyz
通过实名认证后,选择对应域名中的解析
添加两条类型为CNAME的记录,值指向你自己的github博客url,我的是yeplain.github.io
在github博客仓库的Settings页面里,将腾讯云购买的域名指定到Custom domain里
然后就可以了!