Hexo搭建部署你的第一个静态博客

Hexo是一个快速、简洁且高效的静态博客框架,不同于WordPress所搭建的动态站点,Hexo 、Jekyll等静态博客框架对新手更加友好,你所需要做的就是展示你的内容。

今天我们来搭建一个基于Hexo的博客并将它部署到github,让你拥有属于自己的博客站点,当然,如果你有自己的服务器,完全可以将它部署到自己的服务器上,具体操作会在后面的文章逐个讲到。

安装hexo十分简单,但在此之前确保你已安装node。

npm install hexo-cli -g 这是Hexo官网中给出的安装指令,但因为下载的地址并非国内,可能出现下载很慢或者直接卡住不动的情况,在此推荐使用cnpm指令下载。

以下命令将下载地址转回淘宝的地址
npm install -g cnpm --registry=https://registry.npm.taobao.org
然后使用cnpm命令安装Hexo
cnpm install -g hexo-cli

安装成功后hexo -v查看版本信息,成功说明hexo已经安装完成。
Hexo搭建部署你的第一个静态博客

建一个你的博客目录(myBlog),在此目录下执行hexo init来初始化博客

Hexo搭建部署你的第一个静态博客

此时已经成功初始化了一个博客,在此博客根目录下执行hexo s来启动博客项目,登录https://localhost:4000查看自己的博客,

Hexo搭建部署你的第一个静态博客

至此你已经有了自己的博客,下面我们将此博客部署到github上

第一步登录到自己的github并创建一个仓库,仓库命名规则为<你的 GitHub 用户名>.github.io,如coin-mwk.github.io

第二步在myBlog目录下找到并打开_config.yml配置文件,修改如下信息,branch分支默认为master,可以不写,但建议在此显示的给出,repo为刚才创建的仓库地址

Hexo搭建部署你的第一个静态博客
Hexo搭建部署你的第一个静态博客
Hexo搭建部署你的第一个静态博客

第三步,远程部署

安装部署的插件npm install --save hexo-deployer-git
hexo g #生成静态网页
hexo d #将本地数据部署到远端服务器

自此该博客已经部署到GitHub,直接访问仓库名即可!