hexo搭建与部署到github上

一、软件准备

  1. git

  2. node.js

二、安装过程

  1. 进入官网下载并安装node.js文件,推荐下载(LTS),附上网址:https://nodejs.org/en/

  2. git安装与配置

  3. 安装hexo(注意:下面操作都在git中进行)

    • 检测node安装是否成功:

    node -v(返回node版本号)

    npm -v(返回npm版本号)

    • 安装淘宝的镜像源(如果错误就重来,因为连接可能不稳定,不要害怕多试几次就可以了)

    npm install -g cnpm --registry=https://registry.npm.taobao.org

    检测

    cnpm(返回cnpm的信息)

    cnpm -v(返回cnpm的版本信息)

    • 安装hexo

    cnpm install -g hexo-cli

    检测

    hexo -v(返回hexo的版本信息)

三、初始化操作过程

  1. 在本地建立blog文件夹(注意:以下操作要在blog根目录下执行)

  2. hexo init(初始化hexo)

  3. hexo s(启动hexo,然后就能在本地http://localhost:4000查看自己的网站了)

四、将网站部署到Github上

  1. 首先申请一个github账号,然后再github中按照 自己的昵称+.github.io 建立一个仓库(repository)(例:JayTaoHong.github.io)
图一
  1. 在blog目录下安装一个hexo部署插件:cnpm install --save hexo-deployer-git

  2. 找到blog文件中的 _config.yml 文件,使用编译器打开,这里建议使用 Visual Studio Code打开

    Visual Studio Code的好处:

    1.支持的语言种类多

    2.视图简洁

    3.拥有插件种类多

图2

1.type 一个名字,建议写成git方便识别

2.repo repository仓库地址 ,将刚刚新建的github仓库地址复制到这里就可以了

3.main 分支这里设置管理员 ,master

  1. 然后在Git里面输入hexo d将本地文件部署到github新建的仓库中

  2. 然后通过访问 https://+自己的仓库名 就可以访问部署到github上的blog了(例:https://JayTaoHong.github.io/

最后补充说明一下: 每次在进行hexo shexo d前最好先进行hexo cleanhexo g

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容