git hexo 搭建个人网站 个人博客

使用github + hexo 搭建自己的网站

相关命令

npm install hexo-cli -g   `安装hexo`
npm install hexo-deployer-git --save  `安装hexo部署到 git page的deployer`
hexo init  `初始化`
npm install
hexo generate `自动将md文件，生成静态html、css文件(hexo g)`
hexo server  `启动本地hexo服务器(hexo s)`
hexo d `挂载本地项目到github`

相关文档

前端你别闹--微信公众号教程
hexo文档

具体步骤

• github上new 一个 repository。命名为 xxx.github.io
  必须以.github.io结尾,最好是你的昵称.github.io，方便后续访问以及部署到没有服务器的你的个人域名下

• 打开命令窗口,执行以下两个命令

  • npm install hexo-cli -g 安装hexo
  • npm install hexo-deployer-git --save 安装hexo部署到 git page的deployer

• git clone xxx.github.io的git地址

• cd xxx.github.io目录
  若此目录下有文件,则新建一个文件夹,比如test,再执行 cd test

• hexo init init的必须是空文件夹

• npm install

  • source下的_posts里面的md文件即为页面

npm-install之后项目结构.png

修改网站title信息config.yml.png

本地项目与github挂钩配置config.yml最底下的deploy.png

• hexo s 启动本地hexo 服务器 (全拼： hexo server)
  

  预览.png

• hexo g 自动将md文件，生成静态html、css文件

• hexo d 本地直接上传到Github

  • 若命令无法执行，则先执行 npm install hexo-deployer-git --save

  • 修改配置文件和页面后，也可执行hexo g后再执行hexo d

    
    
    hexo-d.png

• 直接访问 https://xxx.github.io 完成

  • 在这个仓库的setting里面，repository name 必须是 你的昵称.github.io

  • setting往下拉，Github pages必须设置source

    
    
    昵称.png
    
    
    githubpages.png