从零开始到搭建hexo个人博客

来源:互联网 发布:windows sdk如何安装 编辑:程序博客网 时间:2024/05/22 13:56

本人转自http://www.cnblogs.com/visugar/p/6821777.html

  1. 安装Git Bash
  2. 安装Node.js
    Hexo是基于node的静态博客,下载地址(说明:LTS为长期支持版,Current为当前最新版)
    安装步骤:反正下载好msi文件后,双击打开安装,也是一路next,不过在Custom Setup这一步记得选 Add to PATH ,这样你就不用自己去配置电脑上环境变量了,装完在按 win + r 快捷键调出运行,然后输入cmd确定,在cmd中输入path可以看到你的node是否配置在里面(环境变量)。
  3. 安装hexo
    • 先创建一个文件夹(以后这个文件夹就是你的blog目录),然后cd到该文件夹下。
    • 执行安装hexo命令:npm i -g hexo
      安装完成后,查看版本:hexo -v
      这里写图片描述
    • 初始化命令:hexo init ,初始化完成之后打开所在的文件夹可以看到以下文件:
      这里写图片描述
      node_modules:是依赖包
      public:存放的是生成的页面
      scaffolds:命令生成文章等的模板
      source:用命令创建的各种文章
      themes:主题
      _config.yml:整个博客的配置
      db.json:source解析所得到的
      package.json:项目所需模块项目的配置信息
  4. 搭桥到github
    • 创建一个repository,名称为username.github.io, 其中username是你的github用户名,按照这个规则创建才有用哦,如下:
      这里写图片描述
    • 回到gitbash中,配置github账户信息(YourName和YourEail都替换成你自己的):
      这里写图片描述
    • 创建SSH
      在gitbash中输入:ssh-keygen -t rsa -C "youremail@example.com,生成ssh。然后按下图的方式找到id_rsa.pub文件的内容:
      这里写图片描述
    • 将上面获取的ssh放到github中,添加一个 New SSH key ,title随便取,key就填刚刚那一段:
      这里写图片描述
      在gitbash中验证是否添加成功:ssh -T git@github.com
  5. 部署项目
    • 用编辑器打开你的blog项目,修改_config.yml文件的一些配置(冒号之后都是有一个半角空格的):
      deploy:
      type: git
      repo: https://github.com/YourgithubName/YourgithubName.github.io.git
      branch: master
    • 回到gitbash中,进入你的blog目录,分别执行以下命令:
      hexo clean
      hexo generate
      hexo server
    • 安装hexo服务器:npm i hexo-server
      打开浏览器输入:http://localhost:4000 已经可以看到页面了。
  6. 上传到github
    • 现在我们的项目还在本地,先安装:npm install hexo-deployer-git --save(这样才能将你写好的文章部署到github服务器上并让别人浏览到)
    • 执行上传命令(建议每次都按照如下步骤部署):
      hexo clean
      hexo generate
      hexo deploy

      注意deploy的过程中要输入你的username及passward。如下:
      这里写图片描述
    • 现在在浏览器中输入http://yourgithubname.github.io就可以看到你的个人博客啦!
  7. 绑定个人域名
    • 添加CNAME:在项目的source文件夹下新建一个名为CNAME的文件,在里面添加你购买的域名,比如我添加的是visugar.com,只能添加一个哦。
    • 到DNS域名解析中添加一条记录:
      这里写图片描述
      其中ip地址为你的github的地址,可在cmd中ping一下就能看到(ping yourname.github.io):github-ip
    • 现在就可以直接用你的域名打开hexo博客了。
原创粉丝点击