导语:博客始于1998年,到2005年博客已经变成了许多人的生活习惯,写博客是为了更好的思考,让隐形知识的体系话和显性化沉淀,也是一份可加分的简历。

编注:本篇文章是介绍如何通过GitHub搭建Hexo博客,这款博客颜值还是非常高的,并且不需要购买服务器域名,支持Markdown语法。

环境及工具:

  1. macOS High Sierra(10.13)
  2. Terminal.app
  3. Sublime Text
  4. Chrome
  5. GitHub账号
预览地址

环境配置

1.安装homebrew,中途可能需要按下回车(Terminal输入下面命令)
ruby -e "$(curl --insecure -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

2.安装node.js,用来生成静态页面(Terminal输入下面命令)

brew install node

安装Hexo

1.执行下面命令,可能会需要输入密码(Terminal输入下面命令)

sudo npm install --unsafe-perm --verbose -g hexo

2.进入你想放网站目录的文件夹(Terminal输入下面命令)

cd /xx/xx/

3.下载Hexo源码,blog是文件夹名字,可以自定义(Terminal输入下面命令)

hexo init blog

4.安装npm(Terminal输入下面命令)

npm install

5.开启hexo服务器(Terminal输入下面命令)

hexo s

6.浏览器输入:http://localhost:4000/,如果能看到如下界面,代表Hexo博客安装成功了,如果报错的话,检查上面步骤哪一步出问题了

关联GitHub

1.创建一个GitHub账号,如何创建我就不详说了

2.新建一个GitHub仓库,仓库命名为:用户名.github.io

注意:用户名.github.io是固定写法,用户名为GitHub用户名



3.打开本地Hexo博客根目录,找到_config.yml,打开他,滑动到最后,修改成下面这个样子,XXXX里面填写第三步时你输入的用户名

deploy:
   type: git
   repository: https://github.com/XXXX/XXXX.github.io.git
   branch: master

注意:_config.yml配置文件里,所有:后面都需要加一个空格,不然会报错


4.终端定位到,放hexo博客的本地电脑文件夹根目录(Terminal输入下面命令)

cd /xx/xx/


5.生成静态页面(Terminal输入下面命令)

hexo g

继续终端输入

hexo d

注意:如果提示,error Deployer not found:git,则运行下列命令安装git,运行完后,再次执行上面命令

npm install hexo-deployer-git --save

如果你没有关联GitHub,则在执行hexo d时会提示你输入GitHub账号密码,执行成功后,浏览器打开,XXXX.github.io,XXXX为你用户名,这个时候你就能看到你搭建的Hexo博客了

第一篇就先到这里了,下面一篇介绍如何安装Hexo主题,有什么问题大家可以在底部留言,或者私信给我都行,尽量帮大家解决下。


43
18