This topic created in 3878 days ago, the information mentioned may be changed or developed.
这是一个无需生成器的静态 GitHub 博客！
Git 地址： https://github.com/itorr/itorr.github.io
因 GitHub Pages 只能托管静态内容，所以以往搭建在 GitHub 上的博客程序多是通过客户端生成 HTML 之后，再同步到 GitHub Pages 上实现的博客功能。妹 Blog 通过 GitHub HTTP API 实现了无需客户端转义的纯 MarkDown 博客程序。
- 相比同类 Github 静态博客更快的展示速度
- 更清晰的二次开发方式
- 无需跳页的 hash 路由
- 共
8KB大小
如何使用 「妹 Blog - GitHub Pages 特别版」
- fork 当前分支到个人仓库中，并设置
github.io域名 - 修改
index.html中的gitConfig.ssh地址 - 博客搭建完成！
如何更新文章？
使用任意 MarkDown 编辑器，在 markdown 目录下新建 .md 格式文档，通过 Git 更新到线上即可。
如何绑定个性域名？
修改 CNAME 文件中的域名信息，并将您绑定的域名 通过 cname 的方式指向 您的用户名.github.io
如何修改博客名称？
修改 index.html 中的 title 和 h1 标签内容即可
这个版本和「妹 Blog 」正式版 什么关系？
没任何关系！如果对速度要求更高，并且更喜欢折腾的同学可以围观 https://github.com/itorr/imouto
预览地址
Git 地址
 |
1
phoenixlzx Sep 14, 2015 via Android
给肉肉点赞！
貌似玲奈早先有类似想法的，还一起讨论过，不过大概是个带后台的 |
 |
2
KyoHiroki Sep 14, 2015
你这么闲，还不快到咱碗里来 ww
|
 |
3
Yamade Sep 14, 2015
＋ 1 写的不错哦。一起来健身啊。
|
 |
4
vitovan Sep 14, 2015 via Android
|
 |
5
wsph123 OP @phoenixlzx 谢谢凤凰卷！😆
@KyoHiroki 别急呀😫😫😫 @Yamade ww 好呀 @vitovan Jekyll 必须经过转译生成 HTML 版本并同步到线上才可发布文章，妹特别版只需要同步 md 格式文章即可 |
 |
6
missdeer Sep 14, 2015
github pages 直接支持 jekyll 的自动生成 html 页面
|
|
13
vitovan Sep 14, 2015
|
 |
14
zhicheng Sep 14, 2015 via Android
TextArea.com 欢迎大家！
|
 |
15
pynix Sep 14, 2015
貌似不错的样子。。。
|
 |
18
gongpeione Sep 14, 2015
流石肉肉菊苣
API 地址 GET |
|
19
wsph123 OP  1
|
|
21
vitovan Sep 14, 2015
|
|
22
wsph123 OP 1
@vitovan MarkDown 生成也走 GitHub 太慢了，于是用的 https://github.com/evilstreak/markdown-js
|
 |
23
jayin Sep 14, 2015 1
我写了一个跟楼主思路差不多的,纯前端，只写 mardown,不用生成静态文件 https://github.com/Jayin/silentor
|
 |
25
yingluck Sep 14, 2015
/**/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" } }) 请问这是怎么回事？ |
|
28
wsph123 OP |
 |
29
cedared Sep 14, 2015
围观，点赞， star
|
|
31
yingluck Sep 14, 2015
|
|
32
yingluck Sep 14, 2015
|
|
33
yingluck Sep 14, 2015 1
|
 |
36
qgy18 Sep 14, 2015 via iPhone 1
在 iPhone 上，访问预览地址详情页，滑动页面不太自然。
应该是你禁用了系统滚动，然后模拟滚动没实现惯性导致的。 |
 |
37
49 Sep 14, 2015 via Android
你弄了个大新闻，我竟然不造！…
|
 |
38
3214668848 Sep 14, 2015
跟我的想法很像啊 https://github.com/isnowfy/simple 我这个连编辑器都给好了，也是利用 github api 直接在线写 md 生成 html
|
 |
39
learnshare Sep 14, 2015
哦，我也拿 Angular.js 写了一个，就是拿到 Markdown 渲染为 HTML
|
|
40
wsph123 OP @qgy18 在 IOS 上伪造一个页内滚动条成本太高了、拖动时还是会出 bug ，调整了一下布局、避开了这个问题>_<! 感谢 qgy18 >3<
|
|
42
wsph123 OP @3214668848 怎么做到的在线写 md ！！！这个好溜！！
|
|
43
wsph123 OP @learnshare 是么！
|
 |
44
plqws Sep 14, 2015
好棒，兹瓷一下
|
 |
46
tcdw Sep 14, 2015 via Android
这个很好，可以节省大量时间。
|
 |
47
sox Sep 14, 2015
直接请求 GitHub API 是有 Rate Limit 的。
|
|
48
3214668848 Sep 14, 2015
@wsph123 js 实时渲染 md ，保存的时候用 github api 保存到 repo 里就好了呢
|
|
50
wsph123 OP @3214668848 这个是如何实现的呢？
|
|
51
sox Sep 14, 2015
|
|
53
sox Sep 14, 2015
|
|
54
3214668848 Sep 14, 2015
@wsph123 js 渲染 md 网上找个库就好了， github api 保存 repo 的话可以用 https://github.com/michael/github 这有人封好的 js 工具
|
 |
55
shyrz Sep 14, 2015 via Android
卜卜的新坑，先 star 为敬(｡･ω･｡)
|
|
56
wsph123 OP |
|
57
3214668848 Sep 14, 2015
@wsph123 github 提供了两种方式，一种是 oauth 跳转，一种是 basic 直接用账户名密码，我的就是直接用账户名密码就可以了
|
 |
58
kran Sep 14, 2015 via Android
真巧，昨天我也想到这个，没有用 api ，做成 wiki 的形式，对于博客我很焦虑╮(╯_╰)╭
|
 |
59
Winny Sep 15, 2015
关注你的博客很久了 速度很快。
|
 |
60
21grams Sep 15, 2015
|
|
61
wsph123 OP |
|
62
wsph123 OP @21grams 呃，虽然 hash 路由和利用了 guthub page 存放资源这一点比较像之外，实现原理并不一样 更新内容需要其他服务来完成，这是另一个轮子
|
 |
63
goodbest Sep 15, 2015
这种是不是不利于搜索引擎收录啊..
|
|
66
goodbest Sep 15, 2015
|
|
67
3214668848 Sep 15, 2015
@wsph123 我现在就是通过前端和 github api 交互来实现在线编辑的说
|
|
69
wsph123 OP @21grams 我又去前辈的项目确认一下，获取文件列表这里使用的确实是同一个 API 。之前只围观了博客本身 误以为那也是完全基于他的项目建立
目前为止，确实很像 |
|
71
wsph123 OP @3214668848 这个可以有！这样其实都可以把一些数据的缓存在这里实现了
|
 |
74
coolcfan Sep 15, 2015
感觉楼主萌萌哒！
|
 |
75
starship Sep 15, 2015
@wsph123 您好，写新 blog 时似乎排版有些问题，如果新段落顶格写，那么提交后总是要空一点格，如果要实现段首空两格，经过研究后，就得把输入法把输入法由半角改为全角，然后把一个新的段落的顶格写的文字一次空格后，就可以有两个汉字的缩进。但是回车后第二个段落要两个空格，才能空两格并且与上文对齐。如图：
 <http://jerry011235.github.io/#/建立博客.md> |
|
77
starship Sep 15, 2015
|
|
78
wsph123 OP @starship 感谢使用！目前是在每个段落上通过 CSS 样式实现的通用首行缩近，如果希望去掉首行缩进或者调整 可以手动修改 i/i.css 中的 text-indent:1em 参数 为 0 可去掉 2em 可调整为段落两全角字符缩进
双行换行为整段结束与开始，单换行为换行 |
|
79
wsph123 OP @starship 都需要的！关于 git 可以了解一下 http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000 这篇教程，肯定比我叙述的简单易懂
或者 GitHub 的目录管理器 也是可以用来新建文本文档的！ |
|
82
starship Sep 16, 2015
@wsph123 您好，还有一个小细节，在点击文章标题到完全加载文章时，会快速闪现四个图标，如图，这是什么东东？是彩蛋吗？相关代码在哪里？截图是在 IE 下截的，在 IE 下能看出是四个图标，在 chrome 上就是四个方框。
http://ww4.sinaimg.cn/large/a15b4afegw1ew4fqlp665j20bw08ljrj 哈哈，图标太好玩了！ |
 |
83
yicun Sep 16, 2015
@3214668848 感谢，用你的 simple 建了一个 blog ，不过不懂 git push ，没办法自己修改
|
|
85
wsph123 OP |
|
86
starship Sep 17, 2015
因为 emoji 图标在 chrome 下显示为空的方框，所以换成颜文字(●'◡'●)，再转成 Unicode 编码： text:'<h1><center>(●'◡'●)</center></h1>
|
|
87
starship Sep 17, 2015
@wsph123 您好，那些图标在博客加载第一次的时候，切换的速度慢，还能看见，但是多点几次，切换的速度极快，于是就想删掉了，达到 即点即显示，请问是删除 MD ('.article',{
text:'', size:'233' }) 还是删除 哪几行代码？ |
 |
89
kunr Sep 19, 2015
好厉害 ww 以前也有这个想法，我要玩 ww
|
 |
90
cangzhang Sep 20, 2015
很棒！
|
 |
91
bozong Jan 22, 2016
这要是文章多了，查找的话很不方便吧
|
 |
92
Webb Mar 2, 2016
不错，很喜欢
|
Select Language