搭建基于hexo的github博客系统

  本文以windows为生产环境,介绍以github为免费仓库和服务器,以及node.jshexo技术为支撑免费搭建个人博客的方法。如果想让博客链接到个人域名,那就需要去单独购买域名。

hexo操作

1. Git安装与github仓库配置仓库配置

  Git是一个开源的分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目。与常用的版本控制工具 CVS, Subversion等不同, 它采用了分布式版本库的方式, 不必服务器端软件支持。windows环境下git的安装配置以及github仓库的配置, 可参考如下博文: windows搭建git环境

2. Node.Js与Hexo安装

  Hexo使用Markdown(或其他渲染引擎)解析文章,生成静态网页, 是搭建博客环境的基础环境,hexo依赖node.js;因此,安装hexo前必须安装Node.jsGit

2.1 下载/安装Node.js

    去官方下载最的.msi的新可靠版本,双击安装;

2.2 下载/安装hexo

   安装完gitnode.js之后,在本地创建一个路径用来保存hexo,其实也就是自己的本地博客代码库,比如E:\github\blog;然后,打开安装的git bash切换到刚刚创建的目录,输入npm install -g hexo-cli安装hexo;

: npm是随同Node.JS一起安装的包管理工具, 所以装好node.js就可以在git bash中使用npm工具,无需单独安装;

hexo操作

3. Hexo的基本配置

  Hexo 作为一个快速、简洁且高效的博客框架。在我们下载hexo后,首先要做的是初始化hexo,告诉hexo在哪里保存博客网站

  • 初始化hexo $ hexo init [folder],没有folder属性就默认在hexo当前的路径建立并保存网站文件。查看hexo的基本命令可以参考hexo指令

  • 更改hexo主题 笔者使用的next模板主题,首先切换到hexothemes文件夹下,将主题下载下来,在hexo的文件中将原始的theme配置由landscape改为next

    1
    git clone https://github.com/iissnan/hexo-theme-next themes/next
  • 部署主题 hexo路径下的git bash输入:

    1
    2
    hexo clean; hexo generate  #清理缓存并生成文件
    hexo deploy #部署
  • 配置主题 next主题的配置文件是next文件夹下的_config.yml文件

  • 写博文 $ hexo new <title> 使用默认属性在source\_posts路径下,生成一个markdown文件,然后就可以在这个文件中撰写自己的博客;
4. 绑定个人域名

  购买和注册:目前国内阿里、腾讯和百度以及华为的云都有域名购买和注册的服务,笔者在腾讯云上注册了ruitear.com这个域名。一个域名一年一般几十块钱, 还提供免费的dns域名解析服务。

  • 配置cname文件:在项目的source文件夹下新建一个名为CNAME的文件,在里面添加你购买的域名,比如我添加的是ruitear.com,有且只能添加一个。
  • github博客关联到自己的域名:在域名解析的地方添加三条记录,如下图所示;
    image

注意:blog.github.io. 是我的博客仓库名;192.30.252.153,192.30.252.154是GitHub提供的IP地址。

  • www:解析后的域名为 www.你的域名
  • @:直接解析主域名 你的域名
  • *:泛解析,匹配其他所有域名 *.你的域名

参考文献

[1] hexo中文文档:https://hexo.io/zh-cn/docs/
[2] Hexo搭建的GitHub博客之优化 http://wangwlj.com/2017/09/09/blog-opti/
[3] 在Github上利用hexo搭建个人博客 https://www.jianshu.com/p/9df4aba9c25a

-------------本文结束感谢您的阅读-------------
坚持创作,坚持分享!