18143453325 在线咨询 在线咨询
18143453325 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > Macbook pro + Hugo + gitee搭建个人网站

Macbook pro + Hugo + gitee搭建个人网站

时间:2023-04-30 16:36:02 | 来源:网站运营

时间:2023-04-30 16:36:02 来源:网站运营

Macbook pro + Hugo + gitee搭建个人网站:

安装Hugo

https://github.com/gohugoio/hugo/releases 下载需要的文件

我的电脑是 MacBook Pro m1芯片,所以我下载的是 arm版本

https://github.com/gohugoio/hugo/releases/download/v0.88.1/hugo_0.88.1_macOS-ARM64.tar.gz

解压到某个目录。我把解压后到hugo文件放在:/Users/xiewenwen/opt/tools

并在 ~/.bashrc的最后一行配置: export PATH=$PATH:/Users/xiewenwen/opt/tools

再source ~/.bashrc ,目的是在机器的任何位置都能使用hugo命令




生成网站

在某个文件夹中执行:hugo new site my_web

my_web 是我网站的名称

输出为:

(base) xiewenwen@liedeMBP my_web % hugo new site my_web Congratulations! Your new Hugo site is created in /Users/xiewenwen/opt/my_web/my_web.Just a few more steps and you're ready to go:1. Download a theme into the same-named folder. Choose a theme from https://themes.gohugo.io/ or create your own with the "hugo new theme <THEMENAME>" command.2. Perhaps you want to add some content. You can add single files with "hugo new <SECTIONNAME>/<FILENAME>.<FORMAT>".3. Start the built-in live server via "hugo server".Visit https://gohugo.io/ for quickstart guide and full documentation.(base) xiewenwen@liedeMBP my_web % 按照输出的指导步骤

  1. https://themes.gohugo.io/ 找一个theme
我使用的是 https://github.com/vimux/mainroad

先 cd theme,再 git clone https://github.com/vimux/mainroad

再config.toml 添加一行

theme = "mainroad"

config.toml的内容为

baseurl = "/"title = "Mainroad"languageCode = "en-us"paginate = "10" # Number of posts per pagetheme = "mainroad"2. 本地运行网站 hugo server

得到一个这样的页面。




写一篇博客

在content目录下,mkdir posts

编辑markdown文件,例如first.md,保存在 content/posts/目录下

+++date = "2015-01-08T08:36:54-07:00"draft = truetitle = "about"+++

本地运行网站

执行:hugo server

目前显示的页面非常简单,要添加功能,参考以下链接,丰富config.toml的内容



关键词:

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭