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

in #cn6 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上注册出现交钱后给的密码显示错误,怎么解决?

Coin Marketplace

STEEM 0.30
TRX 0.11
JST 0.033
BTC 64320.07
ETH 3154.23
USDT 1.00
SBD 4.34