技术

基于hexo搭建个人博客并利用Github部署到远端

本方法来自于B站up主CodeSheep的视频av44544186，我仅在此做一个笔记以便日后回顾

准备工作

  • 安装 Git
    按默认选项安装即可，安装完成后还需最后一步设置，在开始菜单栏找到并打开Git Bash，跳出类似命令行窗口，输入以下命令，其中双引号内是在Github的用户名和邮箱（没有的话需要先注册）：
1
2
$ git config --global user.name "your name"  
$ git config --global user.email "email@example.com"
  • 安装 node.js
    按默认选项安装即可

安装hexo

打开命令行窗口，输入以下内容以安装hexo：

1
2
3
4
//安装cnpm  
npm install -g cnpm --registry=https://registry.npm.taobao.org  
//安装hexo  
cnpm install -g hexo-cli

搭建博客

首先新建一个Blog文件夹，在命令行窗口进入到这个Blog文件夹的位置，然后输入： 

1
2
3
4
//初始化博客  
hexo init  
//启动博客  
hexo s

此时，命令行会提示hexo在 http://localhost:4000 运行，在浏览器输入此地址，即可得到hexo在本地端的博客，本地端主要用来预览

部署远端

首先，在Github新建一个repository，命名为 username.github.io（必须是这个名字），然后去命令行，在Blog目录下安装部署插件： 

1
cnpm install --save hexo-deployer-git

命令行：在Blog目录下，有一个文件_config.yml，用vim打开并编辑（没有vim没关系，找到这个文件用记事本打开编辑也可以），拉到最下面，最后一句是”type:”，补充如下：

1
2
3
type: git  
repo: 此处输入刚刚在Github创建的 username.github.io 的网址  
branch: master

修改保存完成后，在命令行Blog目录下，输入以下指令以部署到远端：

1
hexo d

按照提示输入Github的用户名和密码，之后便部署成功，可将 username.github.io 作为个人博客的网址进行访问