利用Hexo和Github Page搭建个人静态博客

发表于 更新于 分类于 Valine：

通过Github Page搭建个人免费的静态博客，使用开源Hexo博客框架快速搭建博客，免去造轮子的工作，使得网络新手小白给自己搭建博客成为可能。

所需工具

  • github 账号
  • Git
  • Node.js
  • Hexo
  • 科学上网

github账号

在github上注册个人账号。并参考Github Page上描述的简单步骤来创建博客的仓库。

If the first part of the repository doesn’t exactly match your username, it won’t work, so make sure to get it right. 注意仓库的名字要与你的用户名一致，否则不能工作。

安装软件

  • Git
    下载，安装Git，用于代码的托管

  • Node.js
    Node.js 是Hexo的依赖，Hexo需要依赖Node.js来工作。根据推荐下载合适的版本安装即可。

  • Hexo
    Hexo是一套开源的博客框架。安装好Git和Node.js之后，在Git Bash终端中输入以下命令进行安装。

1
$ nmp install -g hexo-cli

开始搭建

  • 步骤

    通过以下指令来生成所需要的文件

    1
    2
    3
    $ hexo init <folder>
    $ cd <folder>
    $ npm install

    • 按照需要配置博客信息
      在folder文件夹下生成的 ** _config.yml ** 是网站的 配置 信息，可以在此配置大部分的参数，比如对网站的标题，语言，主题等进行配置。

    • 生成博客

    1
    $ hexo generate

    or

    1
    $ hexo g
    • 预览博客
    1
    $ hexo server

    or

    1
    $ hexo s

    如果以上步骤没有出现错误，则打开浏览器输入网址 http://localhost:4000/ 即可预览博客

    • 部署博客
      部署是将生成好的博客代码，传输到博客的服务器上，这里对应的是Github Page。首先，需要对** _config.yml **配置文件中的 deploy字段进行配置。Hexo支持三种形式的部署，通过工具，或者是将生成博客文件自行上传到博客的仓库里，Hexo生成的所有博客所需文件都存放在Public中。然后，再执行部署命令进行部署。

    __Note: hexo的部署需要安装依赖包 hexo-deployer-git。 __
    配置 _config.yml, 下面以使用Git工具为例

    1
    2
    3
    4
    deploy:
    	type: git
    	repo: [email protected]:username/username.github.io.git
    	message:

    执行部署命令

    1
    $ hexo deploy

    到此，通过Hexo博客framework搭建个人静态博客到此算是成功一半了，因为这仅仅是把博客的一整个套路走完了，后面还会涉及到一些文章的新建，博客主题的设定，评论区的构成等等。

最后

这是我个人第一次在网络上搭建博客，将自己的搭建的过程简略的回忆和复述，以提高个人的学习以及写作能力，以此同时要是能供新手小白参考入门起到一定积极作用更佳。网络上大神无私的分享自己的搭建经验，引领我入门，在此谢过！