十分钟免费搭建博客网站

零成本自建个人博客的正确打开方式

Posted by 李牧牧 on February 15, 2017

本文发布于 李牧牧的博客 转载请保留链接 ;)

毛遂自荐

笔者博客代码的存放与解析服务归功于GitHubGitPage的鼎力配合,资源文件的快速加载与内容分发归功于七牛云存储,感谢Coding充当了GitHub百度爬出之间的润滑剂,很幸运能免费体验到百度自适应打点百度多渠道分享搜狐评论畅言搜狐畅言打赏,感谢博客灵魂Jekyll让笔者能轻松的使用Markdown撰写文章,感谢博客域名的引路人阿里云李牧牧的博客

关于模版

我的博客模版是从作者 Hux Blog Fork的,感谢Hux。

修改了哪些东西

在作者框架基础上作了如下变化

  • 所有 开源工具库 改由 cdn.bootcss.com 获取
  • 所有 自定义资源文件 改由 七牛云存储 获取
  • 替换 多说评论插件 为 搜狐评论畅言
  • 替换 百度打点 为 百度自适应打点
  • 修改 package.json 同步提交到 GitHub.com 与 Coding.net ,解决 GitHub 被百度爬虫屏蔽问题
  • 添加 搜狐畅言打赏功能
  • 添加 百度多渠道分享
  • 去除了 Disqus、多说、Tag、Catalog、Google Analytics功能提升速度与体验
核心文件结构说明
  • _config.yml 个人资料、基础配置
  • index.html 首页固定模版,百度统计
  • about.html 说明页固定模版,畅言评论插件、打赏功能、百度多渠道分享
  • _layouts/post.html 文章详情模版,畅言评论插件、打赏功能、百度多渠道分享
  • _posts/*.markdown 此目录文章自动编译为静态模版并按日期显示在首页
支付宝、微信打赏

高速页面资源加载

全国网络访问测速

国际网络访问测速

百度爬虫收录情况

十分钟倒计时开始

GitHub 用于实际存放博客文件,由于GitHub在美国,访问速度相对缓慢,笔者后续会采用其他办法解决问题,现在先把账号建立起来,并打开GitPage功能。

如何使用GitHub创建项目 - 来源 CSDN

Jekyll 是一个静态站点生成器,它会根据网页源码生成静态文件。它提供了模板、变量、插件等功能,所以实际上可以用来编写整个网站,对于非设计出生的笔者,选择 Jekyll 官方提供 或 GitHub开源作者提供的优雅模版就是不二选择,笔者 Fork Hux 的博客模版。

Hux 的Jekyll模版 - 来源 GitHub

笔者博客在 GitHubJekyll模版 - 来源 GitHub

大刀阔斧的删除文件

  • less 文件夹
  • portfolio 文件夹
  • pwa 文件夹
  • tags.html 文件

毫不犹豫的迁移文件到七牛云存储

  • css文件夹
  • fonts文件夹
  • img 文件夹
  • js文件夹

修改几个代码文件资源引用路径为七牛云地址

  • _config.yml
  • 404.html
  • about.html
  • footer.html
  • head.html
  • offilne.html

将修改后的文件提交至GitHub并将CNAME内容修改为GitPage提供的域名地址,如需要修改为自己的域名就还需要在域名提供商管理页将 A纪录修改为 GitPage IP地址,注意此时得到的GitHub IP 地址有能会变化,当出现访问不了博客的情况时,可以考虑是否是地址变了。

ping username.github.io // 得到IP地址

由于 GitHub 屏蔽百度爬虫,所以百度收录不了博客文章,我们采用同时提交代码到GitHub.comCoding.com的办法让国内百度爬虫可以到Coding.com收录文章。

Q&A

问 照这样搭建需要多少费用?

答 不需要一分钱,每次写好文章后,提交代码博客自动更新。

问 文章有没有具体的配置文件参考?

答 文章底部有GitHub 项目地址

问 如何直接使用笔者的项目?

答 直接 Fork 项目后修改 CNAME 文件为空就行。

问 有哪些需要注意的么?

答 目前只需要注意GitHub的地址会变化,假如变化了可以重新通过Ping获取地址并更新A记录

问 为什么使用七牛云畅言

答 七牛有免费的存储空间以及免费的CDN内容分发网络,畅言有相对成熟快速免费的评论与打赏功能。