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

in cn •  7 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

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

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

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

  ·  7 years ago 

尝试了,可能是我网速的问题加载的比较缓慢,挂上代理之后问题解决啦。
界面非常简洁干净,炒鸡喜欢,谢谢~
就是有一个小小的问题,这篇文章【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

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

  ·  7 years ago 

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

  ·  7 years ago 

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

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

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

  ·  7 years ago (edited)

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

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

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

有感!

  ·  7 years ago (edited)

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

  ·  7 years ago (edited)

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

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,還是因為繁體字

好像因为我已经改了

  ·  7 years ago 

恭喜你!您的这篇文章入选 @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.

  ·  7 years ago (edited)

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

发邮件到[email protected]就好

@skenan 请问下 我在cnsteemit上注册个账号 支付宝付款了 但是邮箱没收到验证链接 账号:danyang 谷歌邮箱:[email protected] 支付宝账号名 丹阳

你填错邮箱了..下次直接给[email protected]发邮件就好,不用在这公布个人信息.

@skenan, 我对你的文采敬仰之情犹如滔滔江水!

@skenan踩死了...杯具

好大的字体呀

哈哈,我也不大适应了

你提醒了我,我要研究一下开发浏览器插件,我爸是视神萎缩,我要给他写一个变大大大字的插件,现在这个大字就正好。这样我爸就能舒服上网了。

用Chrome和firefox自己就可以变大字体的,按键盘Ctrl加上加号+

  ·  7 years ago 

哇!!好东西!基德就是棒!!!哈哈

哈哈,比柯南强点..

非常不错的界面!

这个免费博客还出乎意料的精致!

作者很厉害..

不错哦,Steem区块链的世界越来越丰富,越来越精彩了。

steem 英文区有一群程序员

  ·  7 years ago 

冷哥肯定还没玩过DTube和Dlive,steem上的视频分享应用也做出来了!

既然已经有了类似的项目,这个想法就可以从我的开发计划里删掉了。

Congratulations @skenan! You have completed some achievement on Steemit and have been rewarded with new badge(s) :

Award for the number of comments

Click on any badge to view your own Board of Honor on SteemitBoard.
For more information about SteemitBoard, click here

If you no longer want to receive notifications, reply to this comment with the word STOP

By upvoting this notification, you can help all Steemit users. Learn how here!

谢谢

涨姿势了,就是这么的简单粗暴

复制粘贴

Your Post Has Been Featured on @Resteemable!
Feature any Steemit post using resteemit.com!
How It Works:
1. Take Any Steemit URL
2. Erase https://
3. Type re
Get Featured Instantly – Featured Posts are voted every 2.4hrs
Join the Curation Team Here | Vote Resteemable for Witness

真棒!

刚刚看了一下感觉很棒啊,以后要向大家好好学习!

是的,我就拥有了一个博客

感谢大神。 有了自己第一个博客。
如果有个精美的导航就好了,一眼可以了解历史的那种。🙏

  ·  7 years ago 

不能更牛