GeekNote，一个专为 Geek 设计的博客服务

[chloerei]

推荐一个新上线的博客服务： https://geeknote.net/

我之前用是静态博客，在配置和调整样式上花费了大量时间。在配置得差不多后，却发现自己越来越不想写了，因为用代码编辑器写文章和管理附件很麻烦。我希望有一个网站，能有 Medium 的设计和用户体验，又有 dev.to 的社区氛围，让我随时写文章不用折腾。观察了很久后，觉得不能指望别人实现我的愿望，就做了这个网站。

GeekNote 的主要特点有：

• 极简的 MarkDown 编辑器。
• 专注于内容的网站设计和排版。
• 提供个人和团队写作空间。
• 首页是基于热度和订阅关系的文章列表。

目前功能还比较简单，Todolist 里面还有很多想法要实现，但我不想闭门造车，就先发布出来了，后面还会继续完善。

希望这个网站能节省一部分人搭博客的时间，让互联网产生更多优质内容。

[pengpengpeng]

推油帮顶。

[lithium4010]

不错不错

[atpking]

哈哈 注册了 但是还不知道写点啥东西呢

[heiheidewo]

UI 设计真不错

[DearMark]

嗯

[ob]

输入框点一下，placehold 文字跳上去用的是什么插件还是自己实现的？能否分享下

[chloerei]

@ob 是自己实现的，只需要 CSS 。原理是先用 label 模拟 placeholder 的样式，当 input 处于 `:focus` 或者 `:not(:placeholder-shown)` 的时候，把 label 样式改为飘上去。

我开源了个 ui 库 https://github.com/getcampo/campo-ui，但只是自用没考虑兼容，有很多修改没发布新版，所以只看源码参考实现就好了。

Text field 的 demo https://ui.getcampo.com/components/text-field.html