hexo在git上搭建个人博客

时间：2022-07-29 02:17:30

公司实习第一天接到的任务是：搭建一个基于Nodejs的开源项目的开发环境，接到任务时以为不是很困难，后来才知道该项目已于去年被废弃，搭配环境的时候遇到了不少问题，折腾了两天还是没有最终完成...

不过也不是没有收获的，起码对Nodejs多了些了解，正好也想自己弄个Blog，就乘着周末搭建了个，这里记录下过程。

Windows下Git的配置

由于这里只是搭建个环境，不需要其他的一些工具，简单的安装GitForWindows就行了，需要注意的时，在安装时选择Run Git from the windows command Prompt，这样在Windows的命令行可以直接使用git命令。

  1. 配置用户名和邮箱
git config user.name "username"

git config user.email "email"
  1. Github SSH Key配置

    在推送文章到Github时，使用ssh进行验证可以免于输入账户和密码。
    1. 首先在Git Bash使用命令ssh-keygen -t rsa -b 4096 -C "your email"生成公钥和私钥，运行该命令后会有提示的输入信息，可以直接回车跳过。
    2. 添加私钥到ssh。这时有可能ssh-agent没有启动，可以现在Git Bash中运行命令eval "$(ssh-agent -s)来启动，然后运行ssh-add 私钥名称添加私钥。（默认的私钥名称是rsa，如果在生成私钥时设定了名称，就输入上次设定的名称）
    3. 添加公钥到Github的账号。首先使用命令clip < rsa.pub 将公钥的内容复制到剪贴板，然后登录Github，选择settings > SSH Keys > New SSH Key ，将公钥内容粘贴过去，点击 Add New SSH即可。
    4. 验证ssh的配置是否成功。上述步骤完成后，在Git Bash中运行命令ssh git@github.com，根据提示信息判断ssh的配置是否成功。

hexo的配置

  1. 下载安装Nodejs官网下载
  2. 使用npm安装hexo npm install -g hexo （参数g表示的hexo是全局安装），如果下载的比较慢可以指定其他的源，这里提供我使用的安装源npm install -g hexo --registry http://registry.cnpmjs.org
  3. 在建立Blog的文件夹下执行命令hexo init，进行hexo的初始化
  4. 在初始化完成后，文件夹会多了一些文件，这是执行命令npm install下载hexo所需的依赖项。（同上面一样可以指定别的源安装npm install --registry http://registry.cnpmjs.org
  5. 上述步骤完成后，hexo的配置已经基本完成，可以执行hexo server，然后访问localhost:4000查看效果。（hexo默认的端口号是4000，但是4000端口如果被其他进程占用的话，这时访问localhost:4000会得不到响应。解决这个问题的方法是指定其他的端口hexo server -p 8081，访问localhost:8081）
  6. 在github上新建一个repository保存Blog的页面。这里需要注意的是repository 的name有个特别的限定，就是你的github的username.github.io。（例如，我的github的用户名是*icv，那么我新建的repsoitory name就是 *icv.github.io）
  7. 修改配置文件。首先打开Blog根目录下面的_config.yml，在里面添加deploy到Github上所需要的信息（ 注意将username替换掉）
deploy:

  type: git

  repository: ssh://git@github.com/username/username.github.io.git

  branch: master
  1. 将Blog部署到Github。在deploy之前，需要运行命令hexo generate重新生成（修改过_config.yml或者文章后都要记得执行下该命令），然后运行hexo deploy命令就会将Blog的内容推送到Githu。部署完成后，访问usernmae.github.io就可以查看你的Blog内容了。
  2. hexo主题的使用。hexo有很多的主题，并且使用也非常的方便。例如要使用yilia这款主题，可以在Blog的根目录下运行

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

    然后修改_config.yml的theme项为yilia就可以了。
  3. 添加新文章。运行命令hexo new articlename会在source/_posts/articlename.md，编辑该md文件后，运行hexo generate和hexo deploy命令就可以在github上看到你的新文章。

后面的话

流水账似的记录下使用hexo在Githu上搭建个人博客的过程。也是一个新的开始，从校园走向社会，开始自己的第一份工作，这几天还是挺迷茫的，不知道以后的技术选择是什么方向，并且感觉自己对第一份工作的选择的技术方向是不是太过看重了...

以后坚持记录自己的学习过程！！！

相关文章