html个人主页_使用Hugo搭建个人主页

基于Academic搭建的(现在改名了),本文章只是起一个步骤提炼的过程

Windows 10系统下的步骤:

  1. Install

使用powershell安装Scoop

Invoke-Expression (New-Object System.Net.WebClient).DownloadString('https://get.scoop.sh')

0250503bedb2b6745cdb38fbd62d5eb6.png

然后用Scope安装Hugo-extended和相关的包 (这一步网速特别慢,但如果中断的话,scoop会保存一个失败安装的包,再install的话会跳过这个包,需要执行scoop uninstall才能删掉)

scoop install git openssh go hugo-extended

da09dc1b8275c829a8fd7b20f1ff208b.png

然后输入hugo,如果能识别就证明安装上了

从官网下载一个template,运行hugo server

git clone https://github.com/wowchemy/starter-academic.git
cd .starter-academic
hugo server

974360480e144ede9597c184992656ab.png

然后在本地浏览器打开http://localhost:1313/

111fa486ed715a9dcf170c9f540003bc.png

Tips:

在多台机器上搭建hugo环境时,很可能会出现hugo版本不同,导致之前的template在新的hugo环境下无法运行(版本兼容性做得不太行)。一个解决办法是用hugo version查看之前的hugo版本,然后只需要从github上下载相应的release的包,解压后将exe文件放到需要运行hugo的目录下运行hugo server即可。

之后就是根据doc里的说明增删自己所需的各个部分即可。每修改一点都可以直接刷新网页看到修改结果(保持hugo server运行)。hugo的config都是用markdown写的,即使没有太多编程基础也可以很容易看懂该在哪里填。

然后比较重要的是将public文件夹和自己的个人主页绑定(如github主页),运行

hugo

会自动生成html网页保存在public文件夹中,然后git更新上传public文件夹也就是相当于上传了一个html的网页。别人可以直接在网页端浏览,不需要hugo的后端支持。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值