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

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque hendrerit lacus ut purus iaculis feugiat. Sed nec tempor elit, quis aliquam neque. Curabitur sed diam eget dolor fermentum semper at eu lorem.

环境搭建

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

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

    1
    npm install hexo-cli -g
  • 安装hexo,继续命令行:

    1
    npm install -g hexo-cli
  • 下载hexo文件,初始化博客
    1.创建文件夹
    2.进入文件夹,终端:

    1
    hexo init

    如果出现错误,继续执行

    1
    2
    npm install 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.

1
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更改为:

1
2
3
4
deploy:
type: git
repo: git@github.com:jianjin33/jianjin33.github.io.git
branch: master

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

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

1
hexo d -g

等待成功后访问https://****.github.io。完成
更多theme设置和发表文章可以查阅hexo官方文档