从零开始的博客建站之旅——搭建

一、在本地创建网站

(1)使用 Hugo 建立网站。打开命令窗口,进入 D:\hugo\site 目录(便捷方法:在文件资源管理器中进入相应目录,单击地址栏右边空白地方,在最左边输入 cmd 加空格,回车。这样打开命令窗口的同时,进入了相应的目录),执行命令 hugo new site blog ,如出现 Congratulations! 提示则成功。(此时可在文件资源管理器中查看生成的文件,blog 是任意取的一个文件夹名字,但为了方便教程工作,请统一)

img

img

img

二、下载主题模板(以 hugo-ivy )为例

(1)接着回到刚刚的命令窗口,输入执行 cd blog\themes 进入 themes 目录。

img

(2)下载主题模板( hugo-ivy )。接上述步骤,在命令窗口中 执行 git clone https://github.com/yihui/hugo-ivy.git 来下载 hugo.386 主题。下载完成后,blog/themes 文件夹里面就可以看到下载好的主题了。

img

三、修改网站配置

将 themes/hugo-ivy/exampleSite 文件夹中的 config.yaml 文件复制到文件夹 blog 下,并删除原有的 config.toml 。用记事本或者其他文本编辑工具,根据需要修改相应的内容。

img

img

img

四、网站本地预览

用命令窗口进入 blog 目录,先执行 hugo 生成网页文件,再执行 hugo server 开启预览。打开浏览器,访问 localhost:1313 。(注意,这个命令窗口需要保持到你不需要预览网站的时候,届时可以用两次 Ctrl + c 停止,或者直接关闭窗口)

img

img

img

五、将网站推送到 Github 平台

(2)打开命令窗口,进入 blog\public 目录,分别执行

git init 
git add .
git commit -m "first commit"
git remote add origin https://github.com/你的Github名字/你的Github名字.github.io.git
git push --set-upstream origin master

输入 Github 账号名,密码,完成上传。

img

img

(3)测试。访问 github.com 网站,在你之前创建的仓库可以看到刚刚上传的文件。访问提供的 https://你的Github账户名.github.io 访问你的网站,如果没有之前预览的网页,可以等待一会再刷新。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值