Hexo搭建个人博客

这个暑假一直想搭建个人博客,想记录一些东西无论是技术还是生活。之前一直犹豫用WordPress还是Hexo,WordPress太单调Hexo的bug比较多,最后还是决定用比较热门的Hexo+Github搭建了本博客。在这个过程中,我花了不少功夫来折腾博客的配置以及功能,我也遇到了一些问题,所以我打算将这个记录下来,同时也当备份用。

一、准备工作

1.相关网站

你需要在GitHub上注册账号,建立仓库,然后下载hexo,node.js,Git,参考网站上的文档。

2.相关的Hexo博客搭建教程

3.更简单的方法

下载hexo便携版,这个软件集成了hexo、node.js以及git,非常适合小白使用,我比较懒也使用了这个软件,身为一个程序员比较惭愧。下面我主要讲的也是使用这个软件来建站,其实方法都一样。

二、开始搭建博客

1.GitHub上创建仓库

这里假设你已经注册了GitHub,然后我们来创建仓库,我们的Repository name必须填username.github.io,username必须为你自己的GitHub用户名一个字母都不能错,然后点击Create repository,这里因为我已经创建过了所以它提示我已经存在。注册完后先不用管了,等会我们会用到。

2.安装hexo便携版

下载好hexo便携版的exe文件后,双击它,选择一个extract to的文件夹,下面是完成后的样子。

3.本地查看博客

打开启动命令行.bat,输入hexo s就可以在本地localhost:4000看到博客已经搭建成功。

4.将博客与Github关联

  • 打开本地的crazyblog文件夹项目内的_config.yml配置文件,将其中的type设置为git,username同样为你GitHub的用户名。

    1
    2
    3
    4
    deploy:
    type: git
    repository: https://github.com/username/username.github.io.git
    branch: master
  • 启动命令行.bat中运行:npm install hexo-deployer-git –save

  • 再运行:hexo g(本地生成静态文件)
  • 然后运行:hexo d(将本地静态文件推送至Github)
  • 此时,打开浏览器,访问http://username.github.io,就可以看到自己的博客了

5.修改基本信息

  • 在根目录下的_config.yml文件中,可以修改标题,作者等信息。打开编辑该文件,注意:每一个值的冒号后面都有一个半角空格!

6.更换主题

  • 下载主题(这里以next主题为例),在启动命令行.bat中运行

    1
    git clone https://github.com/iissnan/hexo-theme-next.git(主题的地址)
  • 打开__config.yml文件,将themes修改为next(下载到的主题文件夹的名字)

  • 运行 hexo g
  • 运行 hexo d
  • 注意:以后只要改动博客的配置,都要运行hexo g以及hexo d这两个命令。

7.更多炫酷配置

8.绑定域名

  • godady上挑选一个自己喜欢的域名
  • 然后在DNSpod上去解析域名,免费并且很快
  • 网上的教程很多,随便一搜就可以找到具体的方法

9.遇到问题

三、完成

Have a nice day!
谢谢阅读!