如何利用hexo和github建立自己的网站

发表于

经过各种坑，我自己的第一篇个人网站博客终于到了正题了。话不多说，先介绍如何利用hexo搭建自己的个人网站。

  • 配置环境

  • node.js github git

  • 你需要一个GitHub账户，网站地址是：www.github.com 建议配置ssh keys 这样每次上传都不必手动输入密码了（有时间我下篇写如何配置ssh）

  • 安装桌面版GitHub会自带git（需要到指定位置运行) win10 bash也带有git git也可单独下载

  • 安装hexo 官网http://hexo.io/ 在node和git都安装好了 进入git hexo官网最下面 5条语句 依次输入

  • 下一步执行

    hexo server
    若报错，则执行命令$ sudo npm install hexo-server

  • 重试，出现INFO Hexo is running at http://0.0.0.0:4000/. Press Ctrl+C to stop.则表明成功在本地运行

  • 注：若安装福昕pdf，则可能无法运行，因为端口4000被其占用，改成hexo s -p 5000即可访问

与github关联

  • 建立repository
  • 建立与你用户名对应的仓库，仓库名为**[user_name.github.io]** 例，我的用户名是chrzc 则我建立的仓库名是[chrzc.github.io]
  • 进入你的本地blog文件存放位置，修改_config.yml文件，把最下面的改成
    deploy: type: git repository: https://github.com/leopardpan/leopardpan.github.io.git branch: master
  • 执行 npm install hexo-deployer-git –save
  • hexo deploy
  • 在浏览器中输入[user_name.github.io]就行了

部署

  1. hexo clean
  2. hexo generate
  3. hexo deploy
  • 常用语法
  • hexo new “postName” #新建文章
  • hexo new page “pageName” #新建页面
  • hexo generate #生成静态页面至public目录
  • hexo server #开启预览访问端口（默认端口4000，’ctrl + c’关闭server）
  • hexo deploy #将.deploy目录部署到GitHub
  • hexo help #查看帮助
  • hexo version #查看Hexo的版本
  • 推荐使用markdown软件编辑文章，我用的是markdownpad 2以及vscode