英文博客（英文博客的格式）

今天跟大家分享一下英文博客（英文博客的格式）,以下是这个问题的总结，希望对你有帮助，让我们看一看。

文章作者: Mannix 博客 :http://mannix.top/

作为一名行走江湖的安全从业人员，没有自己的技术博客实在是说不过去。有没有什么性价比高，而且简单快速的捷径，答案是肯定的，下面看看Mannix超详细的博客搭建教程。

前言

从 Jekyll 到 github Pages 中间踩了许多坑，终于把我的个人博客BY Blog搭建出来了。。。

本教程针对的是不懂技术又想搭建个人博客的小白，操作简单暴力且快速。当然懂技术那就更好了。

看看看博客的主页样式：

点击右上角的 Fork 将我的仓库拉倒你的账号下

稍等一下，点击刷新，你会看到Fork了成功的页面

说明已经成功一半了。。。当然，还需要修改博客的配置才能变成你的博客。

若是出现

接下来我们来详细说说以下配置文件的内容：

基础设置

# Site settings

title: You Blog #你博客的标题

SEOTitle: 你的博客 | You Blog #显示在浏览器上搜索的时候显示的标题

header-img: img/post-bg-rwd.jpg #显示在首页的背景图片

email: You@gmail.com

description: “You Blog” #网站介绍

keyword: “BY, BY Blog, 柏荧的博客, qiubaiying, 邱柏荧, iOS, Apple, iPhone” #关键词

url: “https://qiubaiying.github.io” # 这个就是填写你的博客地址

baseurl: “” # 这个我们不用填写

侧边栏

# Sidebar settingssidebar: true # 是否开启侧边栏.sidebar-about-description: “说点装逼的话。。。”sidebar-avatar:/img/avatar-by.JPG # 你的个人头像这里你可以改成我在img文件夹中的两张备用照片 img/avatar-m 或 avatar-g

社交账号

展示你的其他社交平台

在下面你的社交账号的用户名就可以了，若没有可不用填

# SNS settingsRSS: falseweibo_username: usernamezhihu_username: usernamegithub_username: usernamefacebook_username: usernamejianshu_username:jianshu_id

新加入了简书，jianshu_id 在你打开你的简书主页后的地址如：http://www.jianshu.com/u/e71990ada2fd中，后面这一串数字：e71990ada2fd

评论系统

博客中使用的是 Disqus 评论系统，在官网注册帐号后，按下面的步骤简单的配置即可：

进入设置页面配置个人信息

这个 Username 就是我们 _config.yml 中 disqus_username

# Disqus settings（https://disqus.com/）disqus_username: qiubaiying

很对人反映 Disqus 评论插件加载不出来，因为 Disqus 在国内加载缓慢，所以我新集成了 Gitalk 评论插件（感谢@FeDemo的推荐），喜欢折腾的朋友可以看这篇：《为博客添加 Gitalk 评论插件》。我已经在_config.yml 配置就好了，只需要填写参数可以了。

网站统计

集成了 Baidu Analytics 和 Google Analytics，到各个网站注册拿到track_id替换下面的就可以了

这是我的 Google Analytics

创建一个文件

格式

每一篇文章文件命名采用的是2017-02-04-Hello-2017.md时间标题的形式，空格用-替换连接。

文件的格式是 .md 的 MarkDown 文件。

我们的博客文章格式采用是 MarkDown YAML 的方式。

YAML 就是我们配置 _config文件用的语言。

MarkDown 是一种轻量级的「标记语言」，很简单。花半个小时看一下就能熟练使用了

大概就是这么一个结构。

—layout: post # 使用的布局（不需要改）title: My First Post # 标题 subtitle: Hello World, Hello Blog #副标题date: 2017-02-06 # 时间author: BY # 作者header-img: img/post-bg-2015.jpg #这篇文章标题背景图片catalog: true # 是否归档tags:#标签 – 生活—## Hey>这是我的第一篇博客。进入你的博客主页，新的文章将会出现在你的主页上.

按格式创建文章后，提交保存。进入你的博客主页，新的文章将会出现在你的主页上.

建站的初期，博客比较少，若你想直接在首页生成比较多的标签。你可以在 _congfig.yml中找到这段：

# Featured Tagsfeatured-tags: true # 是否使用首页标签featured-condition-size: 1 # 相同标签数量大于这个数，才会出现在首页

将其修改为featured-condition-size: 0, 这样只有一个标签时也会出现在首页了。

相反，当你博客比较多，标签也很多时，这时你就需要改回 1 甚至是 2 了。

自定义域名

搭建好博客之后你可能不想直接使用 baiyingqiu.github.io 这么长的博客域名吧, 想换成想 qiubaiying.top 这样简短的域名。那我们开始吧！

购买域名

首先，你必须购买一个自己的域名。

我是在阿里云购买的域名

可以通过这个网站或者直接在终端输入ping 你的地址，查看博客的IP

ping qiubaiying.github.io

细心地你会发现所有人的博客都解析到 151.101.100.133 这个IP。

然后 GitHub Pages 再通过 CNAME记录跳转到你的主页上。

修改CNAME

最后一步，只需要修改我们github仓库下的 CNAME 文件。

选择 CNAME 文件

使用的注册的域名进行替换,然后提交保存

登录后关闭窗口

然后返回引导窗，一直按 Continue 继续

你最先关心的可能是你的头像~在img文件夹中把替换我的头像就好了。

不仅是图片，所有在Github上的的操作都可以进行。

保存修改

当你对仓库文件夹的文件下进行修改、添加或删除时，都可以在 GitHub Desktop 中看到

例如我在 img 中添加了一张图片 avatar-demo.png 添加了一张图片

就可以在看到GitHub Desktop显示了我的修改

保存修改只要按 Commit to master，然后可以写上你的修改说明

完成

打开你的GitHub上的仓库，你就可以看到已经和本地同步了

可以看到你提交的详情： add img

常见问题

最近有很多人给我提问题，我这边总结一下

配置文件修改后没有效果

刷新几遍浏览器就好了~不行的话，先清除浏览器缓存再试试。

404错误

检查你的仓库名是否有按照要求填写确定 Fork 的是不是我的仓库~

修改CNAME文件，域名还是不变

清除浏览器缓存就OK~

其他问题

直接在评论中提出来或私信我，我会一一替大家解决的其他

最近有人往我的远程仓库不停的 push，一天连收几十封邮件！例如像这样的

原因大多是直接Clone了我的仓库到本地，没有删除我的远程仓库地址，添加完自己的仓库地址后，一口气推送到所有远程仓库（包括我的）~

打扰了我的工作和生活~

所以，请不要往我的仓库上推送分支！

我发现一个问题是，很多人每次修改博客的内容都commit一次到远程仓库，然后再查看修改结果，这样效率非常低！

来，上车！在本地调试博客

注：下面的操作是在 Mac 终端进行的。 Windows 环境下的配置请参考 @梦幻之云提供的这篇文章。

有心的同学在 jekyll官网就会发现 jekyll 的提供的实例代码。

~ $ gem install jekyll bundler~ $ jekyll new my-awesome-site~ $ cd my-awesome-site~/my-awesome-site $ bundle install~/my-awesome-site $ bundle exec jekyll serve# => 打开浏览器 http://localhost:4000

这段命令创建了一个默认的 jekll 网站，然后在本机的 4000 窗口展示。聪明的你应该发现怎么做了吧~

安装 jekyll和 jekyll bundler

$ gem install jekyll$ gem install jekyll bundler

进入你的 Blog 所在目录，然后创建本地服务器

$ jekyll s

然后会显示

Auto-regeneration: enabled for ‘/Users/baiying/Blog’Configuration file: /Users/baiying/Blog/_config.yml Server address: Server running… press ctrl-c to stop.

你就可以在看到你的博客，你对本地博客的修改都会在这个地址进行显示，这大大提高了对博客的配置效率。

使用ctrl c就可以停止 serve

Star

若本教程顺利帮你搭建了自己的个人博客，请不要害羞，给我的 github仓库点个 star 吧！

因为最近发现 Fork 将近破百，加上直接 Clone 仓库的，保守估计已经帮助上百人成功的搭建了自己的博客，~~可是 Star 却仅仅只有 12！可能还是做的不够好吧！~~现在已经破百了，感谢大家的Star！

别无他求，点个 Star 吧！

心满意足！

补充修改网站的 icon修改主页的座右铭

最近有不少小伙伴私信我：如何修改主页的座右铭？

就是这个：

很简单，找到博客目录下的 index.html 文件，修改这句话就可以了。

推荐几个好用软件MarkDown编辑器