Github+Hexo搭建博客(2019版)

一、前言

搭建个人博客也是属于心血来潮,相比较简书和csdn之类而言,个人博客是自由的,自定义自己喜欢的风格,记录自己的学习路程和心得。另外一方面,有属于自己的博客,也是件酷酷的事情。搜索网上搭建个人博客,大多是Github+Hexo的组合,步骤也都大同小异,但是由于博客文章较旧,在实时运行当中,还是会出现不少的bug。前人栽树后人乘凉,为避免后来者掉进相同的坑,特写下搭建博客的步骤。
我的博客:https://fuusy.github.io/

二、准备

  • 基于Windows系统(开发者最好使用Linux)
  • 安装Git
  • 安装Node.js(下载最新版。安装时,请勾选Add to PATH选项)
    对以上的Git和Node.js的安装,不详细说明,网上有很多教程。

    cmd中输入命令,有版本号出现则安装成功。

三、搭建流程

3.1、安装 Hexo

npm install -g hexo-cli

安装成功后,在你安装好hexo的那个文件夹中新建一个文件夹,如“Test”。

3.2、搭建网站

首先我们需要初始化刚新建的文件夹Test

hexo init Test


接着进入Test文件夹,新建建站所需要的文件。

cd Test
npm install

运行成功后我们可以查询Test这个文件下,可以发现文件夹下新增了很多文件,如下


找到Test文件夹下 _config.yml ,这个文件就是网站主题的的配置文件,后面和github page关联和切换主题时,需要使用到。
最后就是开启服务了,同样输入以下命令

hexo g
hexo s


在执行hexo s 后,会出现一个网址http://localhost:4000/,将其复制(需要注意的是,在cmd中不可用ctrl + c 来复制,Ctrl + C为停止命令)。打开该网址后,可以看到网站的雏形。

四、自定义主题

4.1、创建github仓库


这里需要注意的是仓库名字前缀需要和Owner一致,如这里Owner为fuusy,那么我的仓库名为fuusy.github.io,前缀必须一致,后面就上github.io。新建成功后,复制ssh。后续修改_config.yml文件会用到。

4.2、切换主题

接着开始切换主题并且将文章上传到github上。
以我的博客主题为例,我的主题为yilia,从github上克隆该主题。

git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

执行后在Test文件夹的themes中可以找到有yilia的文件。


找到上面3.2所提到的_config.yml文件,修改里面的配置

  • 将theme 修改为theme: yilia,需要注意的是冒号后有空格
  • 将deploy修改为:
    type: git
    repository: [email protected]:fuusy/fuusy.github.io.git
    branch: master

    如图:
4.3、发布

接下来需要使用 Git bash 来进行命令的执行,在Test文件夹中右击鼠标,你会发现有Git bash 选项,点击进入。执行命令:

npm install hexo-deployer-git --save

最后就是发布了,执行以下命令:

hexo g
hexo d

完成后,你就有属于自己的博客了,在github的setting中 可以看到自己的博客地址,


五、最后

至于最后发布文章和自定义各种不同的主题,可自己去探索,至此所有的步骤都已经讲完,希望对你有所帮助。如遇到bug可留言。感谢阅读。


最后欢迎关注我的公众号,小猿说,扫一扫不迷路。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章