通过抓取 GitHub 上的 Issues，并结合 GitHub Pages 来搭建 个人博客站点，我目前主要从事 Android 开发，个人前端技术还很渣，希望各位前端大牛多多指教，先谢谢了:smile:
刚接触 GitHub 的时候就开始在仓库 bingoogolapple.github.io 里创建 Issues 来记录学习笔记，那时候我还不知道有 GitHub Pages，后来了解到了可以通过 GitHub Pages 来搭建 个人博客站点，但是如果涉及到在文章里嵌套图片的话还是比较麻烦的（有人写了工具用七牛云来作为图床）
通过 Issues 记录学习笔记的优点：
- 在线编辑和预览，随时添加和提交（不用担心电脑坏了导致笔记丢失）
- 当笔记里到嵌套图片时，支持粘贴屏幕截图和拖拽添加图片
- 带有搜索和排序功能
- 可通过 Labe 来对 Issues 进行分类
- 可以把每一个 Comment 作为一个小的知识点不停的追加到 Issue 里
- 结合 GitHub Pages 绑定域名来搭建个人博客站点
从上个东家离职后在家休息了一个月，这段时间学习了一些前端的东西，当我看了 learn-vuex-by-building-notes-app 这篇文章后，就萌生了用 vue + vuex + vue-router + vue-resource 抓取 GitHub 上的 Issues，并结合 GitHub Pages 来搭建个人博客站点的念头
1.安装依赖
npm install
2.在本地开启服务，然后就可以通过 http://localhost:8080 访问了
npm run dev
3.个人配置 - 修改 GitHub 账号和微博账号
修改「BGAIssueBlog-Web/src/vuex/store.js」文件里「state」常量里 key 为「gitHubUsername」和「weiBoUsername」对应的值
4.个人配置 - 修改网站图标
修改「BGAIssueBlog-Web/static/img/favicon.ico」文件
5.个人配置 - 修改网站标题
修改「BGAIssueBlog-Web/index.html」文件里「<title>」标签里的内容
1.打包
npm run build
2.发布
拷贝「BGAIssueBlog-Web/dist」目录里的所有文件到「GitHub Pages」的根目录下
并将「GitHub Pages」仓库 PUSH 到 GitHub 上
1.在「GitHub Pages」根目录下添加文件名为「CNAME」的文件，文件内容就是你的二级域名，例如我的是
www.bingoogolapple.cn
2.登陆你的域名控制台添加域名解析
「记录类型」选择「CNAME」
「主机记录」填「www」
「记录值」填「GitHub用户名.github.io」，例如我的是「bingoogolapple.github.io」
| 新浪微博 | 个人主页 | 邮箱 | BGA系列开源库QQ群 |
|---|---|---|---|
| bingoogolapple | bingoogolapple.cn | [email protected] |  |
如果觉得 BGA 系列开源库对您有用，请随意打赏。
Copyright 2016 bingoogolapple
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.