✒️「妹 Blog - GitHub Pages 特别版」无需生成器的静态 GitHub 博客!

2015-09-14 02:21:07 +08:00
 wsph123
![GitBlog]( http://ww4.sinaimg.cn/large/a15b4afegw1ew1dr2td51g20m80b4glv )

#这是一个**无需生成器**的静态 GitHub 博客!
##Git 地址: https://github.com/itorr/itorr.github.io

因 `GitHub Pages` 只能托管静态内容,所以以往搭建在 GitHub 上的博客程序多是通过客户端生成 HTML 之后,再同步到 GitHub Pages 上实现的博客功能。妹 Blog 通过 `GitHub HTTP API` 实现了无需客户端转义的纯 MarkDown 博客程序。

1. 相比同类 Github 静态博客更快的展示速度
2. 更清晰的二次开发方式
3. 无需跳页的 hash 路由
4. 共 `8KB` 大小


##如何使用 「妹 Blog - GitHub Pages 特别版」

1. fork 当前分支到个人仓库中,并设置 `github.io` 域名
2. 修改 `index.html` 中的 `gitConfig.ssh` 地址
3. 博客搭建完成!

##如何更新文章?
使用任意 `MarkDown` 编辑器,在 `markdown` 目录下新建 `.md` 格式文档,通过 `Git` 更新到线上即可。

##如何绑定个性域名?
修改 `CNAME` 文件中的域名信息,并将您绑定的域名 通过 `cname` 的方式指向 `您的用户名.github.io`

##如何修改博客名称?
修改 `index.html` 中的 `title` 和 `h1` 标签内容即可

##这个版本和「妹 Blog 」正式版 什么关系?
没任何关系!如果对速度要求更高,并且更喜欢折腾的同学可以围观 https://github.com/itorr/imouto

##预览地址
http://im.front.dog

##Git 地址
https://github.com/itorr/itorr.github.io
10647 次点击
所在节点    分享创造
92 条回复
vitovan
2015-09-14 09:33:43 +08:00
@wsph123 这个 API 的说明在哪里吖?帮忙放个文档吧?太懒没去找。我一直在后端用的这个:
https://developer.github.com/v3/markdown/
wsph123
2015-09-14 09:35:08 +08:00
@vitovan MarkDown 生成也走 GitHub 太慢了,于是用的 https://github.com/evilstreak/markdown-js
jayin
2015-09-14 09:36:18 +08:00
我写了一个跟楼主思路差不多的,纯前端,只写 mardown,不用生成静态文件 https://github.com/Jayin/silentor
vitovan
2015-09-14 09:38:54 +08:00
@wsph123 多谢。
yingluck
2015-09-14 10:16:01 +08:00
/**/GitBlog.listUpdata ({
"meta": {
"X-RateLimit-Limit": "60",
"X-RateLimit-Remaining": "57",
"X-RateLimit-Reset": "1442200365",
"X-GitHub-Media-Type": "github.v3",
"status": 404
},
"data": {
"message": "Not Found",
"documentation_url": "https://developer.github.com/v3"
}
})



请问这是怎么回事?
wsph123
2015-09-14 10:18:09 +08:00
@jayin 好赞!没有搞清楚 index.md 是如何生成的,求教!😥
wsph123
2015-09-14 10:18:28 +08:00
@vitovan 客气!
wsph123
2015-09-14 10:20:06 +08:00
@yingluck 希望能提供下 github.io 地址,出现这个错误通常是由于:
index.html 中的 gitConfig.ssh 地址设置出错 或者 项目内文件不完整
cedared
2015-09-14 10:23:42 +08:00
围观,点赞, star
wsph123
2015-09-14 10:26:19 +08:00
@cedared prprprprprpr !
yingluck
2015-09-14 10:30:10 +08:00
@wsph123 好像是我的 repository 里面含有中划线 被转义了

mingan.org
yingluck
2015-09-14 10:31:51 +08:00
yingluck
2015-09-14 10:40:37 +08:00
wsph123
2015-09-14 11:05:28 +08:00
@yingluck 感谢 bug 提交!现已修复,是一处正则错误
yingluck
2015-09-14 11:05:49 +08:00
@wsph123 多谢!
qgy18
2015-09-14 11:22:45 +08:00
在 iPhone 上,访问预览地址详情页,滑动页面不太自然。
应该是你禁用了系统滚动,然后模拟滚动没实现惯性导致的。
49
2015-09-14 11:30:50 +08:00
你弄了个大新闻,我竟然不造!…
3214668848
2015-09-14 11:34:31 +08:00
跟我的想法很像啊 https://github.com/isnowfy/simple 我这个连编辑器都给好了,也是利用 github api 直接在线写 md 生成 html
learnshare
2015-09-14 11:37:04 +08:00
哦,我也拿 Angular.js 写了一个,就是拿到 Markdown 渲染为 HTML
wsph123
2015-09-14 11:38:27 +08:00
@qgy18 在 IOS 上伪造一个页内滚动条成本太高了、拖动时还是会出 bug ,调整了一下布局、避开了这个问题>_<! 感谢 qgy18 >3<

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

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

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

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

© 2021 V2EX