+-
使用Hugo和Netlify建立静态博客,并托管在Github上
首页 专栏 机器学习 文章详情
0

使用Hugo和Netlify建立静态博客,并托管在Github上

zhangsheng377 发布于 3 月 3 日

使用Hugo建立静态博客

sudo apt install hugo hugo new site blog cd blog/ git submodule add https://github.com/budparr/go... themes/ananke

git submodule add https://github.com/olOwOlo/hu... themes/even

echo 'theme = "ananke"' >> config.toml

echo 'theme = "even"' >> config.toml

hugo new post/my-first-post.md

注意:直接这样生成的页面头,是带有 draft: true 标记的,要想正式发布需要去掉该标记。 PS:建议从第5步开始,就直接将theme里exampleSite里的文件拷出来,作为初始文件,后续在其上改动、新增,即可。 hugo server 接下来就可以随便玩一会儿,反正都是用markdown写作的 还可以研究研究配置文件config.toml,以及主题theme的配置

上传至Github

git add . git commit -a git push

使用Netlify进行配置和管理博客

按照官方教程选择Github的项目 自动部署 设置域名CNAME解析 配置域名DNS 启用SSL证书 启用IPV6 使用高版本hugo时,需要在netlify的deploy上配置hugo版本号:HUGO_VERSION,0.68.3

日常写作

使用hugo new post/xxx.md生成新页面之后(注意改掉页面头的 draft: true 标记),使用 hugo 在public文件夹里生成静态页面 使用git上传代码 Netlify自动部署,更新网站

后记

尝试使用 NetlifyCms 的 one-click-hugo-cms ,但修改原始模板就要花费大量时间,并且 NetlifyCms 的后台功能并不像 WordPress 那样强大和方便,更像只是个用来写文章的网页编辑器。。。那我还不如用 Markdown 呢。。。

所以,现在还是换回了这个直接用 Hugo 生成的博客,毕竟我要的只是个可以方便快捷写一些技术博客的地方。

当然,或许以后可能会尝试通过加admin.html的方法来添加 NetlifyCms 后台吧~~

2020.05.11后记

在把原pdf简历改成markdown格式时,发现ananke主题的about页面默认是居中对齐的,且该主题基本找不到修改对齐方式的地方(起码不像even主题那样有$$方式可以随处设置)。。。

所以,我就把主题换成了even。

然而,even主题不支持低版本hugo。我的树莓派只能手动从GitHub上下载安装。然而,我的部署网站Netlify竟然又编译失败。。。折腾了一天才发现,对于高版本的hugo,需要在netlify的deploy上配置hugo版本号:HUGO_VERSION,0.68.3才行。

本文由博客群发一文多发等运营工具平台 OpenWrite 发布
机器学习
阅读 9 发布于 3 月 3 日
收藏
分享
本作品系原创, 采用《署名-非商业性使用-禁止演绎 4.0 国际》许可协议
avatar
zhangsheng377
1 声望
0 粉丝
关注作者
0 条评论
得票 时间
提交评论
avatar
zhangsheng377
1 声望
0 粉丝
关注作者
宣传栏
目录

使用Hugo建立静态博客

sudo apt install hugo hugo new site blog cd blog/ git submodule add https://github.com/budparr/go... themes/ananke

git submodule add https://github.com/olOwOlo/hu... themes/even

echo 'theme = "ananke"' >> config.toml

echo 'theme = "even"' >> config.toml

hugo new post/my-first-post.md

注意:直接这样生成的页面头,是带有 draft: true 标记的,要想正式发布需要去掉该标记。 PS:建议从第5步开始,就直接将theme里exampleSite里的文件拷出来,作为初始文件,后续在其上改动、新增,即可。 hugo server 接下来就可以随便玩一会儿,反正都是用markdown写作的 还可以研究研究配置文件config.toml,以及主题theme的配置

上传至Github

git add . git commit -a git push

使用Netlify进行配置和管理博客

按照官方教程选择Github的项目 自动部署 设置域名CNAME解析 配置域名DNS 启用SSL证书 启用IPV6 使用高版本hugo时,需要在netlify的deploy上配置hugo版本号:HUGO_VERSION,0.68.3

日常写作

使用hugo new post/xxx.md生成新页面之后(注意改掉页面头的 draft: true 标记),使用 hugo 在public文件夹里生成静态页面 使用git上传代码 Netlify自动部署,更新网站

后记

尝试使用 NetlifyCms 的 one-click-hugo-cms ,但修改原始模板就要花费大量时间,并且 NetlifyCms 的后台功能并不像 WordPress 那样强大和方便,更像只是个用来写文章的网页编辑器。。。那我还不如用 Markdown 呢。。。

所以,现在还是换回了这个直接用 Hugo 生成的博客,毕竟我要的只是个可以方便快捷写一些技术博客的地方。

当然,或许以后可能会尝试通过加admin.html的方法来添加 NetlifyCms 后台吧~~

2020.05.11后记

在把原pdf简历改成markdown格式时,发现ananke主题的about页面默认是居中对齐的,且该主题基本找不到修改对齐方式的地方(起码不像even主题那样有$$方式可以随处设置)。。。

所以,我就把主题换成了even。

然而,even主题不支持低版本hugo。我的树莓派只能手动从GitHub上下载安装。然而,我的部署网站Netlify竟然又编译失败。。。折腾了一天才发现,对于高版本的hugo,需要在netlify的deploy上配置hugo版本号:HUGO_VERSION,0.68.3才行。

本文由博客群发一文多发等运营工具平台 OpenWrite 发布