这是一个极轻量级的，基于git issue的个人博客模板，非常适合于想在GitHub pages上搭建个人博客的人。
- 发表文章
- 文章评论
- 文章、评论分页
- 文章设置标签
- 文章搜索功能
- 文章、评论点赞功能（不能取消点赞 😜
博客本身没有发表文章的接口，而是在GitHub的issue页面直接new issue。
评论功能参考了Gitment，借用了Gitment的css样式，重写了JavaScript逻辑。评论功能基于GitHub的issue，支持Markdown语法，支持@功能，支持点赞功能。
可以在GitHub上为每个文章指定标签label，每个label都会作为博客菜单里的一个子菜单项，所以请注意删除仓库里默认的一些label。
404页面模仿了GitHub自己的404页面，可点击这里查看404页面示例。
最快捷的方法就是直接Fork这个repo，修改仓库名为username.github.io格式，然后稍微配置一下就能直接使用了。
第二种办法就是clone仓库
git clone "https:/github.com/imuncle/gitblog"
点击这里申请。
注意申请时的callback URL一定要填写正确。一般就写自己网站的首页就行，比如https://imuncle.github.io 。
申请完毕后会拿到对应的唯一的client_id和client_secret，这两个字符串在后面的配置中会使用到。
修改config.json：
{
"name": "your github username",
"repo": "your github reponame",
"client_id": "your client_id here",
"client_secret": "your client_secret here",
"title": "add your title",
"instruction": "add your instruction",
"server_link": "http://119.23.8.25/gh-oauth-server.php",
"pin_links": {
//add the page title and the URL/issue_Id to pin these pages
//example:
//RSS : "https://rsshub.app/github/issue/imuncle/imuncle.github.io",
//About me : "1" (must be a string not a number)
},
"friends": {
//add your friends link here
//example:
//imuncle : "https://imuncle.github.io"
},
"icons": {
//add your footer icons here
//you can set a jump link or display an image
//template :
//"the title of the icon" : {
// "icon_src" : "the image of the icon",
// "href" : "the link you want to jump",
// "hidden_img" : "the image you want to show",
// "width" : the width of the hidden_img, this should be a number.(unit : px)
//}
//example :
//"Github" : {
// "icon_src" : "images/github.svg",
// "href" : "https://github.com/imuncle",
// "hidden_img" : null,
// 'width" : 0
//}
}
}将自己的个人信息填写进去。
| 选项 | 含义 |
|---|---|
| name | 填写你的GitHub用户名 |
| repo | 填写你的pages对应的仓库，一般是：用户名.github.io |
| client_id | 填写你申请OAuth APP时拿到的client_id |
| client_secret | 填写你申请OAuth APP时拿到的client_secret |
| title | 填写你的个人网站的标题 |
| instruction | 填写你的个人网站的简介 |
| server_link | 填写你的服务端地址，若没有服务器可填写'http://119.23.8.25/gh-oauth-server.php' |
| pin_links | 填写需要固定在右侧菜单中的显示名称和对应的issue号/任意链接 |
| friends | 填写你的网站的友链，若没有则不填写 |
| icons | 填写网站页脚的图标信息，若没有则不填写 |
上面的server_link是服务端的地址，，因为访问用户的access_token必须通过服务端访问，详情可见这篇文章。这个服务端使用PHP编写，只负责请求用户的access_token，不会存储任何数据。详见源代码。
如果你有服务器，那么你可以使用该PHP代码自己配置服务端，将server_link写为自己的服务端地址。
网站首页有一个动态打字的效果，这里参考的是type.js项目，配置地方在index.html中。
找到如下代码（在尾部）：
$("#changerificwordspanid").typed({
strings: ["good", "happy", "healthy", "tall"],
typeSpeed: 100,
startDelay: 10,
showCursor: true,
shuffle: true,
loop:true
});可以更改strings来更改单词。更多的配置选项请参考原项目。
图片全部都存储在images文件夹中。
| 图片名称 | 含义 |
|---|---|
| 404.png | 404页面 |
| avatar.jpg | 网站图标 |
| fish.png | 404页面 |
| github.svg | GitHub图标 |
| house1.png | 404页面 |
| house2.png | 404页面 |
| page_backfround.jpg | 首页的背景图 |
| search.svg | 右上角搜索图标 |
| totop.png | 右下角“回到顶部”按钮图标 |
如果没有前端知识，建议更改图片时不要更改文件名。
欢迎提issue，也欢迎PR~
MIT LICENSE