写了一个极简 Github Page,黑科技,不用第三方插件支持评论.

2016-10-14 00:55:11 +08:00
 a302800411

TinyBlog 有什么特性

  1. 完全静态,以至于没有任何生成程序
  2. 支持 Markdown 常用语法
  3. 支持 Github 用户添加评论

为什么要写 TinyBlog

有时候只想简单的写一篇文章,WordPress 毫无疑问过于臃肿,Jekyll 需要安装,而我想要一种更简单的更新博客方式,受到开源项目Simple的启发,我用几个晚上的时间写了一个极简的静态博客.

每次写文章只有一个步骤,push 写好的 md 文章到./blog目录下, that's all .

Demo 地址

http://yanghanqing.github.io/ 推荐电脑访问,暂时没做响应式布局

TinyBlog 教程

  1. TinyBlog 的 Github 主页fork 一份到你的仓库,更改项目名称为your_name.github.io,几分钟后 Github 会自动为你开通your_name.github.io的个人主页

  2. 修改aboutme.md文件作为你的个人介绍,为了更快的加载速度,也可以选择写死在index.html

  3. 写好 markdown 文件后,保存到./blog目录下,push 即可

评论功能

评论这个功能我是取巧了,利用 Github API 在项目 issues 下新建 comment 来存储,实现了原本需要第三方插件才能完成的功能.

许可

MIT

练手的作品~分享给那些和我一样,偶尔只想简单的更新一篇博客的人~

11845 次点击
所在节点    分享创造
70 条回复
inoris
2016-10-14 11:19:08 +08:00
做过一个类似的东西,用 GitHub issues 存储的作业列表: http://kyouko.net/homework
hanxiV2EX
2016-10-14 11:28:44 +08:00
treehole00
2016-10-14 11:38:40 +08:00
赞,想过这个创意,一直在期待有人实现!
ooTwToo
2016-10-14 11:45:00 +08:00
@a302800411 OK ,我理解有误
HmyBmny
2016-10-14 11:52:09 +08:00
我也是用 GitHub Issues 来做评论系统的,可以参观
https://hmybmny.com/2016/06/01/netease-cloud-music/
a302800411
2016-10-14 12:03:00 +08:00
@HmyBmny 哈哈,我要提取你的时间转换函数,我偷懒了没弄
withlqs
2016-10-14 12:16:54 +08:00
厉害了!赞
HmyBmny
2016-10-14 12:20:22 +08:00
@a302800411 提吧提吧~
viko16
2016-10-14 12:25:00 +08:00
cheny95
2016-10-14 12:31:22 +08:00
@a302800411 大蜀山东边 2KM 的 V 友帮顶😬
ooTwToo
2016-10-14 12:36:22 +08:00
@viko16 是的,初学 Vue.js 于是造了个轮子,感谢你的开源~
awthink
2016-10-14 13:08:26 +08:00
棒,这样就优雅多了
我也是这个思路,不过没有去实现,只是简单的加了个 issues 的链接……
est
2016-10-14 13:12:29 +08:00
还需要登录啊。好麻烦。
a302800411
2016-10-14 13:17:54 +08:00
@est 登录有登录的好,可以自动获取 Github 用户名头像,至于不登录的黑科技,除了把自己的授权信息暴露在 js 里,我想不到不用服务器的办法
SilentDepth
2016-10-14 14:17:43 +08:00
这是变相实现玉伯拿 Issues 当博客的效果嘛 :doge:
a302800411
2016-10-14 14:26:50 +08:00
@SilentDepth 你这倒是提醒我了,我可以把文章存到 issue 里呀...这样我就能获取博客的 created_at 和 updated_at 时间了,我想想...
SilentDepth
2016-10-14 14:32:33 +08:00
@a302800411 于是果然变成 Issues 博客化了,然后打个「 blog 」的 label (笑哭)
a302800411
2016-10-14 14:47:11 +08:00
@SilentDepth 我仔细想了想还是把文章存在 code 里比较好,
因为 issue 的发布并不能通过 git 命令来操作,其次 git 可以查看历史版本.
不过我会尝试在发布的时候,备份一份到 issue 的一楼里,这样我可以获取 Blog 的日期
(用 py 脚本来做 ? 应该机器里有 git 命令的都能执行 Python 吧)
其他的好处就是,Github 的 MD 规范支持不完全,我现在使用的 markdown-js 插件对 MD 的支持就好很多.后面的版本可以实现评论的楼中楼功能.
SilentDepth
2016-10-14 14:53:06 +08:00
@a302800411
貌似 git 和 python 没什么关系吧,比如说 Windows 上?
如果只是要获取 blog 的日期,提交一个包含文章链接的 issue 就好了,备份文章内容到 issue 里似乎没什么意义。如有必要,再加点其他的标记数据什么的(怎么又有点像马克飞象了?)
luili
2016-10-14 14:54:12 +08:00
赞啊 如果能在 coding.net 使用也很棒

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/312661

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX