5分钟搭建免费个人博客
2019-05-16阅读 1K0
本文目录：
1. 前言
2. 博客搭建
3. 后续改进
1. 前言
当今时代大家都习惯了移动化生活，但是编码还是主要以 PC 环境为主，作为全球最大的码友交fuzhi友zhantie网站，互联网人基本上人手一个 github 账号。
国内也有很多博客和技术论坛，比如简书、博客园等等，然而使用别人的博客架构，自定义的内容受到很大限制，而且使用 markdown 语法的话，一般都需要自己开设一个图床，这样就使得文章内容可能会需要两方，甚至三方的服务，才能正常显示。
另外，现在博客内容的重复性chaoxi 现象太过严重，因此构建一个自己的博客还是很有意义的。
本文就选取 github pages 作为支持，它以 github 仓库为内容源载体，配以 jekyll theme ，也就是主题，主题就相当于一个配置好的网站初级架构。将内容推送到 github 仓库后，jekyll 主题会将内容格式化后推送到你的博客主页。
使用github pages 的吸引点：
搭建简单而且免费；
支持静态脚本；
响应式布局；移动端访问也不怕
可以绑定你的域名；
DIY自由发挥
2. 博客搭建
# 登录你的 github 账户，并创建一个仓库，并将仓库名取名为 【你的用户名.github.io】
因为我已经有了同名的仓库，所以这里显示了错误，新建的话，不会有任何问题，直接点击 【Create repository】 创建仓库就行
# 设置博客页面主题
提交之后，进入仓库 settings , 下滑到页面接近底部位置的 github pages 配置项，选择 jekyll theme
这里选择的主题是官方提供的一些模板，这里先选择了一个简单的，选择之后就有了预览
此时会生成配置文件 _config.yml，里面记录了你设置的主题模板 ； index.md 文档，初始引导页面，写了几句欢迎词以及 markdown基本语法
访问下你的博客网址就可以出现结果了，比如我的为 firewang.github.io
之后有新的文章内容的话，就是不断地新建 markdown 内容，提交到该仓库即可。
可以发现，这样的配置优点和缺点都很明显。
优点是仓库内的内容都是你的主要内容，博客的架构文件 和 内容是分离的，使得仓库非常简洁。
缺点也是由于架构和内容的分离导致的，无法实现进一步的定制化。
3. 后续改进
除了官方提供的几个基础模板，github pages 也支持其他开源的模板，可以在模板页面选择
模板地址： http://jekyllthemes.org/
需要改动的地方也很少，只需要修改 _config.yml ，将源代码注释，并且修改以你选择的新主题的项目名称即可，这里以上图中自定义模板的第一个为例：
1remote_theme: projectpages/project-pages
这样还是结构与内容分离的状态，因此我们选择了第三种方式，直接 Fork 源码，然后在源码上修改。
这里我们选择了该项目
https://github.com/qiubaiying/qiubaiying.github.io
原项目仓库的效果如下
然后 fork 之后，简单做了一些修改作为测试后，目前的效果如下（可能看不太出来，只是对页面的地址的一些地方做了修改）
最后一提，目前还只是将项目 fork 到了自己的博客所属的代码仓库，后续需要改动的地方还是很多的，目前的想法是
先将外链的部分、博客内容页、博客介绍页、tab等个性化的内容部分都替换为自己的内容
增加一个自动化配置的 python 脚本，因为全局配置是基于 yaml 文档，因此主要将 python 处理 yaml 的方式整理清楚就可以了，一方面第一步替换内容的步骤，可以用脚本实现，另一方面，后来者 fork 项目之后修改为自己的项目也会方便很多
基于 project-pages 这个主题修改源码，将其功能加入进来。 看了这个主题，除了风格不太适合我个人以外，它实现了 MathJax ,Mermaid.JS 等强大的可视化功能，这些是在处理算法原理的时候非常有用的
还想到了一个很好的方式，如果大家也想加入到公众号文章的内容建设中来的话，直接 Fork 我的博客仓库，然后将内容提交到博客仓库即可，合适的内容，将会被编辑到公众号~ 简化了大家的交流模式~
很早以前就有搭建博客的想法，现在看了这些项目和内容，忽然觉得很兴奋！后续，敬请期待！
注意！ 在手机端访问也是一样的！
本文页面地址：0daybank
文章评论