个人博客搭建备忘录

我的博客最开始是在博客园上,后面转到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

参考文献

Xu Wenpeng/wpxu08@gmail.com wechat
Welcome to follow my public WeChat