零成本创建一个有独立子域名的永远在线的博客网站

环境依赖:hugo、git、ipfs-desktop

环境依赖

安装 hugo、git、ipfs-desktop 这几个网上教程很多,搜索一下就行了。

创建 hugo 博客

进入一个专门的 hugo 博客目录 hugo new site my-blog

然后cd my-blog

添加一个主题

安装主题 git clone https://github.com/hugo-fixit/FixIt.git themes/FixIt

也可以去 releases 里面下载到 themes 解压。

修改 hugo 配置 config.toml,加入 theme = “FixIt” ,注意这里的 FixIt 就是在 themes 里面的文件名,如果你下载解压的,可能类似 FixIt-0.3.11 这样的名字。

如果需要更多主题,请查看 https://themes.gohugo.io/

添加内容

你可以手动的创建内容文件(内容的目录结构 content//.)并在其中提供元数据。你也可以使用 new 命令为来快速创建(它会自动完成一些事情,例如添加标题和日期) :

hugo new posts/1.md

如果需要,请编辑新创建的内容文件(就是上面命令创建的文件),它将从以下内容开始:

---
title: "1"
date: 2019-03-26T08:47:11+01:00
draft: true
---

启动 Hugo 服务器

# -D 的意思就是启动草稿可用
hugo server -D

然后在浏览器中打开这里输出的地址,进行查看。

你可以随意编辑或添加新内容,只需在浏览器中刷新即可快速查看更改(您可能需要在 Web 浏览器中强制刷新,通常使用 Ctrl+R、F12 之类的键)。

自定义主题

打开 config.toml 配置文件

baseURL = ""
languageCode = "zh-cn"
title: "我的免费博客"
theme = "FixIt"
relativeURLs= true
[params]
description = "不需要域名和服务器的博客网站"

将上面的 title 替换为个人的标题。

构建页面

hugo

将会在 public 目录生成网站文件。

上传到 ipfs-desktop

public 目录文件上传到 ipfs-desktop 里面,然后设置里面,创建一个新的 IPNS发布密钥,命名为 my-blog。

这个IPNS发布密钥的ID是 k51 开头的一串字符,后面其它地方需要用到,本站的为 k51qzi5uqu5djidazdwpu15qszx1aht8j8b0vwswk3ld2fcrlyo1okkjujp8il 。

再返回文件,给你的网站文件夹选择发布至IPNS,选择你刚才创建的 IPNS发布密钥 my-blog。

会提示已基于以下密钥成功发布,复制链接即可。

你的独立域名为:

  • (IPNS发布密钥).ipns.dweb.link
  • (IPNS发布密钥).ipfs2.eth.limo
  • (IPNS发布密钥).eth.sucks

快来试试看创建你的免费博客网站吧。

如果你需要一个独立域名,你可以参考使用cloudflare的web3网关+ipfs免费托管网站、博客

参考资料: https://hugocn.netlify.app/get_started

0%