hugo+github个人博客网站建立教程

打印 上一主题 下一主题

主题 812|帖子 812|积分 2436

1.安装Hugo

在mac上,安装hugo


  1. brew install hugo
复制代码
验证
  1. hugo
  2. version
复制代码
2.建立文件夹

首先在桌面新建一个文件夹,用于存储所有网站的内容,比方Website。
3.新建网站

建立一个名为blog的网站,建立同名本地文件夹
  1. hugo
  2. new site blog
复制代码
4.选择主题

选择了好几个,总是有废弃的属性,找半天也没找到在哪。换了个最新的主题,没这些烦心事了
https://themes.gohugo

.io/themes/hugo

-theme-reimu/
根据教程先git clone到本地,然后创建设置。最后修改网站的hugo

.tml。
网上并没有详细的设置,要去主题自己的设置里找,然后根据需要修改,官方推荐的基础设置:
https://gohugo

.io/getting-started/configuration/
最关键的是主题选对

5.新建博文

在网站文件夹下,新建一个md,就会在content/post文件夹下新增一个md
  1. hugo
  2. new post/f_t.md
复制代码
编辑该文件

启动网站,在本地显示
  1. hugo
  2. server -D
复制代码

6.部署到github

新建github库

比方:https://github.com/stay-leave/stay-leave.github.io
要求同名
构建Hugo网站,在blog文件夹下执行

  1. hugo
复制代码
网站的内容将会被保存在blog/public
链接github,ssh的方式

进入public,初始化git库
  1. git init
复制代码
链接到远程库。首先在github添加本机的ssh公钥
   1. 生成新的 SSH 密钥

  假如你没有 SSH 密钥,可以生成一个新的密钥。推荐利用 ed25519 类型的密钥,它比 rsa 更加安全。运行以下下令:
  bash ssh-keygen -t ed25519 -C "your_email@example.com"
  这将创建一个新的密钥对。体系会提示你指定文件保存路径,默认会保存到 ~/.ssh/id_ed25519。
  假如你盼望保存到默认位置,可以按 Enter 键。
  2. 检查新生成的密钥

  生成密钥之后,利用以下下令检查密钥是否成功生成:
  bash ls -al ~/.ssh
  你应该会看到雷同以下的文件:
  

  • id_ed25519(私钥)
  • id_ed25519.pub(公钥)
  3. 将 SSH 公钥添加到 GitHub

  接下来,你需要将公钥添加到 GitHub:
  

  • 查看并复制公钥内容: bash cat ~/.ssh/id_ed25519.pub
  • 登录到 GitHub,点击右上角的 头像,选择 Settings
  • 在左侧菜单中选择 SSH and GPG keys
  • 点击 New SSH key 按钮,粘贴你复制的公钥,填写标题(比方 “My Macbook”),点击 Add SSH key
  4. 启动 SSH 署理并添加私钥

  确保 SSH 署理正在运行并加载私钥:
  bash eval "$(ssh-agent -s)" ssh-add ~/.ssh/id_ed25519
  5. 测试 SSH 连接

  完成上述步调后,你可以通过以下下令测试是否能成功连接 GitHub:
  bash ssh -T git@github.com
  假如成功,你将看到雷同如下的输出:
  1. does not provide shell access. ```
复制代码
然后关联库:
  1. git remote add origin git@github.com:stay-leave/stay-leave.github.io.git
复制代码
提交修改
  1. git status
  2. git add .
  3. git commit -m "第一次提交"
复制代码
提交修改推送到远程库,这里是第一次提交,直接强制
  1. git push -u -f origin main
复制代码
7.一样平常操作

1.上传博客

在blog里
新建博客
  1. hugo
  2. new post/第二篇测试博客.md
复制代码
在content/post下找到相应文件,进行编辑
构建hugo

网站
  1. hugo
复制代码
切换到git目次,也就是public
提交修改
  1. git status
  2. git add .
  3. git commit -m "2"
复制代码
提交修改推送到远程库
  1. git push -u origin main
复制代码
2.修改博客

省去第一步即可
3.删除博客

在blog/content/post和public/post找到对应文件删除。然后构建网站,推送
4.图片插入

现将图片放到blog/static里,写博客时相对引用
参考:
https://zz2summer.github.io/github-pages-hugo

-%E6%90%AD%E5%BB%BA%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2/
https://jianzhnie.github.io/post/hugo

_site/
https://themes.gohugo

.io/themes/hugo

-theme-reimu/
https://gohugo

.io/getting-started/configuration/

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

千千梦丶琪

金牌会员
这个人很懒什么都没写!

标签云

快速回复 返回顶部 返回列表