我的博客最开始是在博客园上,后面转到CSDN.因为CSDN的审核机制感觉不好,因此趁着今年国庆搭建了一个独立博客。现在将搭建过程记录下来,供自己以后备忘,同时也供有兴趣的读者参考。
独立博客搭建过程按步骤可分为三步:(1)博客网站构建;(2)发布到托管网站;(3)自定义域名绑定。其中,第3步非必须,只针对有自定义域名情形。
一. 博客网站构建
根据自己的学习与了解,目前通过GitHub来搭建个人博客,可以有两种常见的方式:Jekyll和Hexo。下面对这两种方式分别简单介绍。
1. Jekyll方式
(1) 拉取博客模板
到GitHub上fork拉取某个Jekyll类型博客模板的库,例如https://github.com/xudailong/xudailong.github.io;
(2) 博客名称修改
点击页面中上部Insights旁边的Settings,进入设置页面,修改库名为;xxx.github.io,其中xxx为你的GitHub用户名,当你在浏览器的新窗口输入:xxx.github.io时,应该能就能访问到这个博客了,只是此时这个博客里面显示内容和xudailong.github.io内容一样。
(3) 博客内容修改
(i)博客主题修改
主要是在_config.yml文件中,可以对照原有文件修改;
(ii)博客文章修改
_posts主要用来放博客文章,因此可以根据自己要求,删除无关文章,并添加自己的文章。这里文章对应的文件为markdown文件格式,文件命名为时间加标题,如2015-02-12-create-my-blog-with-jekyll.md。
说明
- Jeklly 是什么 ?
Jekyll从核心上来说是一个文本转换引擎。该系统内部的工作原理是:你输入一些用自己喜爱的标记语言格式书写的文本,可以是Markdown、Textile或纯粹的HTML,它将这些文本混合后放入一个或一整套页面布局当中。在整个过程中,你可以自行决定你的站点URL的模式、以及哪些数据将被显示在页面中,等等。这一切都将通过严格的文本编辑完成,而生成的Web界面则是最终的产品。 - github pages与jeklly关系
Jekyll is the engine behind GitHub Pages.
Every GitHub Page is run through Jekyll when you push content to a specially named branch within your repository.
即:提交到github-pages的内容会经过jeklly处理,转换为静态的html,前期是结构必须符合jeklly的要求。 - Jeklly是否一定要在本地安装 ?
本地安装目的是为了方便调试问题,所以不是必须的,安装比较繁琐。推荐:找一个满意的模板,clone下来简单修改,很少需要在本地调试。如需要本地安装,请参考:https://643435675.github.io/2015/02/15/create-my-blog-with-jekyll/
2. Hexo方式
(1) 安装工作环境
- 安装node 到Node.js官网(https://nodejs.org/en/)下载相应平台的最新版本,一路安装即可;
- 安装hexo
使用以下命令安装hexo到全局
$ npm install -g hexo
然后输入命令hexo -v显示hexo的版本号即为安装成功。(2) 博客文件夹初始化
新建一个文件夹为博客网站所在文件夹(如Blog),然后进入Blog目录,下面所有的命令行操作都是在这个文件夹下进行的。用下面的命令初始化该文件夹,并生成一篇“hello word”的文章在\source_posts文件夹下:
$ hexo init(3) 生成静态页面
执行以下命令把文章编译为静态页面:
$ hexo generate(4) 生成静态页面
执行以下命令把文章编译为静态页面,生成在public中的html文件:
$ hexo generate(5) 本地启动
执行以下命令,本地启动服务,在浏览器中输入http://localhost:4000/查看生成的页面效果。如果不成功,可以换一个端口试试,如5000。另外,可以在命令行窗口用“netstat -an”命令查询端口占用情况。
$ hexo server -p 5000二. 发布到托管网站
1. 发布到GitHub/Gitee/Coding
可以通过GitHub Desktop工具来发布与同步。2. 发布到七牛云
可以通过七牛云的同步工具来发布与同步。三. 自定义域名绑定
1. 购买域名
- GoDaddy,新加坡,可以使用支付宝;
- DNSPod,腾讯平台。
还有许多其他平台,不一一列举。2. GitHub设置自定义域名
点击GitHub页面中上部Insights旁边的Settings,进入设置页面,修改Custom domain为你购买的域名。3. 域名解析设置
如果是在GoDaddy上购买的域名,可以直接在该网站内设置,也可以用DNSPod来设置,设置方法请参考:https://www.jianshu.com/p/05289a4bc8b2
参考文献
- Github搭建个人博客, https://blog.csdn.net/xudailong_blog/article/details/78762262
- hexo VS jekyll, https://blog.csdn.net/scythe666/article/details/51956821#cmid=212488
- Hexo博客系列(六):部署到七牛, http://www.isetsuna.com/hexo/deploy-qiniu/
- 利用7牛云搭建hexo个人博客, https://blog.csdn.net/quuqu/article/details/51851574
- 如何搭建一个独立博客——简明Github Pages与Hexo教程,https://www.jianshu.com/p/05289a4bc8b2