快来领取你的Steem专属个人博客 / Claim Your Personal Steem Blog

in #cn7 years ago

有些标题党了,不过惊喜在这里:

前往 https://cnsteem.io/@你的用户名, 例如https://cnsteem.io/@tumutanzi

你就会发现,自己突然有了一个精美的个人博客!

此博客的所有数据直接从 Steem 区块链获得,托管免费,自动更新,除了自己任何人无法修改,不包含任何评论,不含有任何金钱字样,排版清晰简洁,可直接贴在简历之上,倍有面子!


哈哈,上面有点像广告,不过今天在 GitHub 发现 Selfsteem 之后,确实激动很久。

最开始了解到 Steem, 我就想,基于它完全可以实现一个永久免费,内容不可被篡改,且时时在线的个人博客。

不过自己苦于没有时间,外加技术不足,一直没有实现。但拥有同样想法的人肯定不少,这不 Jnordberg 大神就帮我们实现了。

Jnordberg 大神是 wintersmith 的开发者,wintersmith是一款非常流行的静态站点生成器,拥有 3000多 Star。 大神也活跃在Steemit, @almost-digital 是他的 ID。Selfsteem 就是基于 wintersmith + dsteem 开发而成。

DIY 教程

我相信很多人都有自己的域名,可以按以下命令生成自己的博客源码。

# 下载源码
git clone https://github.com/jnordberg/selfsteem.git
# 修改配置文件, 换成你自己的用户名
vim config.json
# 安装依赖
npm install
# 生成博客
npm run build

运行完成之后,build/ 文件夹中出现 index.html, selfsteem.css, selfsteem.js 三个文件,将文件托管到任意WebServer,把域名转发过去,你就有了自己的专属博客。

总结

如果你讨厌这些复杂的技术操作,可以直接使用CNsteem.io上的版本,反正我也无法修改你的文章。

我抽空想学习一下wintersmith, 打算完善一下博客的展示结构,比如添加标签,或封面。


支持我更好的维护CNsteem.com 和 CNsteem.io,就选我当见证人吧:https://v2.steemconnect.com/sign/account-witness-vote?witness=skenan&approve=true

Sort:  

不好意思,我按照模板来的,代码一点没改,大家太热情了,看来我抽空得修改一下字体了...

清空下缓存,字体应该好多了...

尝试了,可能是我网速的问题加载的比较缓慢,挂上代理之后问题解决啦。
界面非常简洁干净,炒鸡喜欢,谢谢~
就是有一个小小的问题,这篇文章【Vicky’s 碎碎念】中国移动和医院的这些坑你遇到吗?,在主页缩略图的情况下,同一张配图会出现两次,且文字排版与原文有些不同。点进正文后,配图重复的问题没有了,文字还是错位>..<

居然静态页面生成器也能干这事,感觉白写vue了……
顺便无耻地宣传一下类似的东西:
http://heysh.xyz/aeolipile/#/@tumutanzi/

源代码在https://github.com/heyeshuang/aeolipile ,欢迎fork~

哦哦,对,我记得你的这个,你的这个生成的JS大不大?

也挺大的…毕竟什么事都得在网页端干…

中文排印看着比 Selfsteem 舒服很多……

谢谢~对字体的调整没有白费~

你的好像把转发的也算成自己的了,另外你能加上标签或标题的搜索吗?

我感觉可以试着改一改……最近正好没有东西发utopia……

你的有时出现Uncaught ReferenceError: webpackJsonp is not definedat /aeolipile/index.js?609491e32c95ed7f3f73:1 这个bug

今天姑且先把这个改好了……

我也尝试啦,已成功,谢谢~~

不错不错,简单清晰明了的博客。

好棒啊!就是强迫症受不了字体不统一:

有感!

你清空下缓存试试,应该好多了。

你改一下样式表不就行了吗?

selfsteem/contents/styles/main.styl 加 Noto Sans:

@import url(//fonts.googleapis.com/earlyaccess/notosanssc.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);

selfsteem/contents/styles/typography.styl 里的 font-family 改:

font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "PingFang TC", "Noto Sans SC", "Noto Sans TC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif

好,我已改了一下了,抽空再改成你建议的.

我沒這問題耶。不知道是因為browser,還是因為繁體字

好像因为我已经改了

这 fallback 吓死人了,font-family 上点心吧……

哈哈,确实不适合中文...

很赞!!!就是打开的时候反应慢点!另外,要是有个目录就好了,还是只能看到最近的几篇文章,现在steemit的问题是历史文章不容易翻出来。有个列表一样的目录就很好。

可能Javascript 代码太大了,1mb...

恭喜你!您的这篇文章入选 @justyy 今日榜单 【优秀被错过的文章】, 请继续努力!若您不喜欢,请回复 STOP,谢谢。

Congratulations! This post has been selected by @justyy as today's 【Good Posts You May Miss】, Steem On! Reply STOP if don't want to see this. Thanks.

有人在CNSTEEM上注册出现交钱后给的密码显示错误,怎么解决?