Hello World

欢迎使用 xLog，走走走，上链了！

伟大的尝试 - planet

自从开始试用了 Planet 之后，现在对 Web3.0 的技术越来越好奇了。因为一开始确实是不是很懂的 “小白” 一个，其实也没有这么白了，还是懂一些基本的概念，很多东西还是有待实践的。 第一次的实践是 IPFS 的实践，这里给我的感觉还是很神奇的，比如写篇文章上链的时候会有各种确认，其实就是要准备付款了。

最近的实践都做了些什么呢，买了一个 eth 的域名 一开始认为必须要用 ens 付款，于是乎就买了不少 ens。付款的时候提示余额不够，明明已经购买了足够数量的 ens，但是还是没法购买域名。经过几秒的思考，发现似乎被 app.ens.domain 给迷惑了，结账还是 ETH。于是顺理成章的，买了一定数量的 ETH，结果付款的时候发现 gas 的费用又又又涨了，域名的总价就涨了 最后还是咬咬牙买了。我的一个域名就是 qfdka.eth 然后建立了一个自己的网站 作为测试。 发现打开的时候非常的慢。经过一番的了解，应该是文章没有发布在 IPFS 网络，也就是没有人从 “种子” 这里获取资源并保存在 IPFS 上面。 这样就会出现了一个问题，如果你写完文章，此文章没有上链，也就是没有在网络中分发出去，你就关了电脑，得 事情白做了。IPFS 里面有个 GC 的概念，跟 Java 一样，这个频率好像是一小时为周期，自动清理。为了保证资源在 IPFS 上面一直存在就需要一个 🤖来进行 持续访问，也就是我们所说的 pin 操作。

具体命令如下:

Copy
# 把 qfdka.eth 钉在网络上面
ipfs pin add /ipns/qfdka.eth

另一种方法是使用 第三方服务 filebase，申请 token 每次发布的时候，会自动的进行 pin 操作。 经过一系列的操作按道理你的文章就可以在网络上访问了，速度应该不会慢。

峰回路转 - xLog

偶然间进入了 Planet 的 telegram 的交流群，学到了很多的知识，里面看到了一个叫做 xLog 的开源博客，本着好奇的态度就跑去看了看。发现他们的风格我非常的喜欢，于是就有了后面的故事。作为一个使用者看来 Planet 还是很新的 app 全部是英文界面，里面自定义主题比较复杂的样子，还下载了静态服务器，写了第一篇博文，然后就打不开了，pin 服务虽然有在运行，但是通过不同的网关速度还是不同的。

xLog 惊艳到我的地方就是访问速度，没有 Planet 那样的麻烦，作为一个全栈，就怕看到出现载入动画。每次打开 ipfs.io/ipns/xxx 的时候几乎都会有载入动画，据了解是正在根据 CID 来查找文件。话分两头，xLog 点开 @DIYgod 的博客，基本上是秒开，这么吸引人的地方怎么可以少了我。立马就注册了，注册是需要钱包连接的，作为之前被 ens 的事件坑爹了之后，这个钱包就用来做伟大实践了。 扫码登录，一切顺利，然后去 https://faucet.crossbell.io/ 这里领取了 0.02 CSB 就可以进行操作了。 这个币马上就发来了，真心快，登录上一切顺利。发表了第一篇 Hello world 心里还是说不出来的兴奋，问题就是每一次都要进行扫 (付) 码 (款) 才能进行下一步，看来写点儿东西还是有代价的，感谢 crossbell 给我们提供了免费的代币。

xLog 作者快速响应

当然作为一款新产品，还是有 bug 的，比如捆绑了自定义域名，居然没有办法删除。马上去找作者，经过了一番查找联系到了作者 @DIYgod，作者反应速度还是很快的，官方就修改了，省的自己瞎折腾了。 给作者反馈的同时也跟着阅读了一遍代码，作为一个开源项目，官方反应速度还是一个重要的指标。然后就开始翻翻代码，为了防止出现 bug 卡到自己，也算是为官方出一份力吧。修了个小 bug，现在可以自定义主页按钮了，因为默认主页是 Home，然鹅我改成中文了 https://github.com/Crossbell-Box/xLog/pull/26 简单的修改，不会花很多的时间，但是可以帮助项目出一份力，这个就是开源的力量！

写了个人介绍页面，但是出现了问题一个，手机界面会出现白条，经过测试是因为二级标题在手机端不适配，自己用暴力的方式来解决了，随后作者做了官方修复

Copy
.xlog-post-toc {
display:none
}

总结

经过了几天的尝试，我感觉这个 xLog 还是很让人满意😊 果断推荐
最后的彩蛋给大家共享一下我的主题吧，其实这里还可以配置 banners，经过源码的阅读发现了很多有趣的玩法 感谢作者

Copy
:root {
--theme-color: #0ea5e9;
--theme-color-dark: #0284c7;
--font-fans: SFCompactRounded,PingFang SC,Microsoft YaHei,Lato,sans-serif;
}

.xlog-site-name {
color: var(--theme-color);
}

.xlog-site-info {
border-radius: 0.75rem;
padding: 1rem;
border: 1px;
border-style: dashed;
}

.xlog-site-navigation{
color: #bfdbfe;
}
.xlog-site-navigation a:hover{
color: var(--theme-color);
}