WEB前端程序开发程序员开源工具技巧

如何部署Hexo,搭建自己的技术博客网站

2017-02-22  本文已影响0人  简祖明

环境搭建

首先安装gitnode.js,进入官网下载安装包即可,Mac安装过xcode自带git。

完成后,终端命令行安装配置hexo

npminstall hexo-cli -g

安装hexo,继续命令行:

npminstall -g hexo-cli

下载hexo文件,初始化博客

1.创建文件夹

2.进入文件夹,终端:

hexo init

如果出现错误,继续执行

npminstall hexo --save

hexo init

注意x3,如果是window系统,安装好git后需要配置环境变量,或者用Git Shell运行以上命令行,否则会报出git之类的错误

看见 Start blogging with Hexo!那么可以告诉你已经成功了一小步。

本地部署,查看效果

终端进入下载完成的hexo文件夹,执行命令:

hexo s

网页访问http://localhost:4000查看一个默认的blog首页。

部署到git服务器

1.准备

Github注册账号,创建仓库,仓库名称必须以 [name].github.io, name必须为github的用户名称,否则博客网站访问永远404。

如图:

2.

ssh-keygen -t rsa -C"Github的注册邮箱地址"

一路Enter过来就好,也可在中途设置密码,没啥用,秘钥生成完毕,会得到两个文件id_rsa和id_rsa.pub,用记事本打开id_rsa.pub,别弄错了,是id_rsa.pub文件,是id_rsa.pub文件,是id_rsa.pub文件,复制里面的所有内容粘贴到下图中的key栏中,进入https://github.com/settings/ssh,点击New SSH key :title随便给个,无伤大雅

3.回到hexo文件夹中找到—config.yml文件并打开

找到deploy更改为:

deploy:

type: git

repo: git@github.com:jianjin33/jianjin33.github.io.git

branch: master

说明:type:代表git提交,repo为github仓库的地址,branck:master分支

4.终端进入下载的hexo文件夹,运行

hexod -g

等待成功后访问https://****.github.io。完成

更多theme设置和发表文章可以查阅hexo官方文档

上一篇下一篇

猜你喜欢

热点阅读