Skip to content

Commit a48e819

Browse files
qiubaiyingqiubaiying
committed
Update README
Signed-off-by: BY <qiubaiying@gmail.com>
1 parent 95720ee commit a48e819

File tree

1 file changed

+33
-26
lines changed

1 file changed

+33
-26
lines changed

‎README.md

Lines changed: 33 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
> 下面是博客的搭建教程，这个教程修改自 [Hux](https://github.com/Huxpro/huxpro.github.io) 。
44
>
5-
> 更为详细的教程[《利用 GitHub Pages 快速搭建个人博客》](http://www.jianshu.com/p/e68fba58f75c)
5+
> 更为详细的教程[《利用 GitHub Pages 快速搭建个人博客》](http://www.jianshu.com/p/e68fba58f75c)
66
>
77
### [我的博客在这里 &rarr;](http://qiubaiying.github.io)
88

@@ -33,8 +33,7 @@
3333

3434
### 环境
3535

36-
如果你安装了 [jekyll](http://jekyllcn.com/)，那你只需要在命令行输入`jekyll serve` 或 `jekyll s`就能在本地浏览器中输入`http://127.0.0.1:4000/`预览主题,还可以边修改边自动运行修改后的文件（需要刷新浏览器）。
37-
36+
如果你安装了 [jekyll](http://jekyllcn.com/)，那你只需要在命令行输入`jekyll serve` 或 `jekyll s`就能在本地浏览器中输入`http://127.0.0.1:4000/`预览主题，对主题的修改也能实时展示（需要强刷浏览器）。
3837

3938

4039

@@ -44,13 +43,13 @@
4443

4544
```
4645
# Site settings
47-
title: Hux Blog # 你的博客网站标题
48-
SEOTitle: Hux Blog # 在后面会详细谈到
49-
description: "Cool Blog" # 随便说点，描述一下
46+
title: BY Blog # 你的博客网站标题
47+
SEOTitle: 柏荧的博客 | BY Blog # SEO 标题
48+
description: "Hey" # 随便说点，描述一下
5049
5150
# SNS settings
52-
github_username: huxpro # 你的github账号
53-
weibo_username: huxpro # 你的微博账号，底部链接会自动更新的。
51+
github_username: qiubaiying # 你的github账号
52+
jianshu_username: e71990ada2fd # 你的简书ID。
5453
5554
# Build settings
5655
# paginate: 10 # 一页你准备放几篇文章
@@ -175,29 +174,38 @@ iframe在不同的设备中，将会自动的调整大小。保留内边距是
175174

176175
### Comment
177176

178-
博客不仅支持多说[Duoshuo](http://duoshuo.com)评论系统,支持[Disqus](http://disqus.com)评论系统。
179-
180-
>多说即将关闭: 多说将于2017年6月1日正式关停服务, 所以还是用 Disqus 把！
177+
博客不仅支持 [Disqus](http://disqus.com) 评论系统,还加入了 [Gitalk](https://gitalk.github.io/) 评论系统，[支持 Markdwon 语法](https://guides.github.com/features/mastering-markdown/)，cool~
181178

182-
`Disqus`优点是：国际比较流行，界面也很大气、简介，如果有人评论，还能实时通知，直接回复通知的邮件就行了；缺点是：评论必须要去注册一个disqus账号，分享一般只有Facebook和Twitter，另外在墙内加载速度略慢了一点。想要知道长啥样，可以看以前的版本点[这里](http://brucezhaor.github.io/about.html) 最下面就可以看到。
179+
#### Disqus
183180

184-
185-
~~`多说` 优点是：支持国内各主流社交软件(微博，微信，豆瓣，QQ空间 ...)一键分享按钮功能，另外登陆比较方便，管理界面也是纯中文的，相对于disqus全英文的要容易操作一些；缺点是：就是界面丑了一点。
186-
当然你是可以自定义界面的css的，详情请看多说开发者文档 <http://dev.duoshuo.com/docs/5003ecd94cab3e7250000008>。~~
181+
优点：国际比较流行，界面也很大气、简洁，如果有人评论，还能实时通知，直接回复通知的邮件就行了；
187182

183+
缺点：评论必须要去注册一个disqus账号，分享一般只有Facebook和Twitter，另外在墙内加载速度略慢了一点。想要知道长啥样，可以看以前的版本点[这里](http://brucezhaor.github.io/about.html) 最下面就可以看到。
188184

185+
> Node：有很多人反映 Disqus 插件加载不出来，可能墙又架高了，有条件的话翻个墙就好了~
189186
187+
**使用：**
190188

191189
**首先**，你需要去注册一个Disqus帐号。**不要直接使用我的啊！**
192190

193-
**其次**，你只需要在下面的yaml头文件中设置一下就可以了。
194-
191+
**其次**，你只需要在下面的 yaml 头文件中设置一下就可以了。
195192

196193
```
197-
disqus_username: shrotName
194+
# 评论系统
195+
# Disqus（https://disqus.com/）
196+
disqus_username: qiubaiying
198197
```
199198

200-
~~**最后**多说是支持分享的，如果你不想分享，请这样设置：`duoshuo_share: false`。你可以同时使用两个评论系统，不过个人感觉怪怪的。~~
199+
#### Gitalk
200+
201+
优点：界面干净简洁，利用 Github issue API 做的评论插件，使用 Github 帐号进行登录和评论，最喜欢的支持 Markdown 语法，对于程序员来说真是太 cool 了。
202+
203+
缺点：配置比较繁琐，每篇文章的评论都需要初始化。
204+
205+
**使用：**
206+
207+
参考我的这篇文章：[《为博客添加 Gitalk 评论插件》](http://qiubaiying.top/2017/12/19/%E4%B8%BA%E5%8D%9A%E5%AE%A2%E6%B7%BB%E5%8A%A0-Gitalk-%E8%AF%84%E8%AE%BA%E6%8F%92%E4%BB%B6/)
208+
201209

202210
### Analytics
203211

@@ -214,18 +222,17 @@ ga_domain: huangxuan.me # 默认的是 auto, 这里我是自定义了的域名
214222

215223
### Customization
216224

217-
如果你喜欢折腾，你可以去自定义我的这个模板的 code，[Grunt](gruntjs.com)已经为你准备好了。（感谢 Clean Blog）
218-
219-
JavaScript 的压缩混淆、Less 的编译、Apache 2.0 许可通告的添加与 watch 代码改动，这些任务都揽括其中。简单的在命令行中输入 `grunt` 就可以执行默认任务来帮你构建文件了。如果你想搞一搞 JavaScript 或 Less 的话，`grunt watch` 会帮助到你的。
225+
如果你喜欢折腾，你可以去自定义这个模板的 Code。
220226

221227
**如果你可以理解 `_include/` 和 `_layouts/`文件夹下的代码（这里是整个界面布局的地方），你就可以使用 Jekyll 使用的模版引擎 [Liquid](https://github.com/Shopify/liquid/wiki)的语法直接修改/添加代码，来进行更有创意的自定义界面啦！**
222228

223229
### Header Image
224230

225-
标题底图是可以自己选的，看看几篇示例post你就知道如何设置了。在
226-
[issue #6 ](https://github.com/Huxpro/huxpro.github.io/issues/6) 中我被问到：怎么样才能让标题底图好看呢？
231+
博客每页的标题底图是可以自己选的，看看几篇示例post你就知道如何设置了。
227232

228-
标题底图的选取完全是看个人的审美了，我也帮不了你。每一篇文章可以有不同的底图，你想放什么就放什么，最后宽度要够，大小不要太大，否则加载慢啊。
233+
标题底图的选取完全是看个人的审美了。每一篇文章可以有不同的底图，你想放什么就放什么，最后宽度要够，大小不要太大，否则加载慢啊。
234+
235+
> 上传的图片最好先压缩，这里推荐 imageOptim 图片压缩软件，让你的博客起飞。
229236
230237
但是需要注意的是本模板的标题是**白色**的，所以背景色要设置为**灰色**或者**黑色**，总之深色系就对了。当然你还可以自定义修改字体颜色，总之，用github pages就是可以完全的个性定制自己的博客。
231238

@@ -256,7 +263,7 @@ JavaScript 的压缩混淆、Less 的编译、Apache 2.0 许可通告的添加
256263

257264
## 致谢
258265

259-
1. 这个模板是从这里[Hux](https://github.com/Huxpro/huxpro.github.io) fork 的。感谢这个作者
266+
1. 这个模板是从这里 [Hux](https://github.com/Huxpro/huxpro.github.io) fork 的, 感谢这个作者。
260267
2. 感谢 Jekyll、Github Pages 和 Bootstrap!
261268

262269
## License

0 commit comments

Comments
 (0)