美文网首页
Hexo框架的安装使用

Hexo框架的安装使用

作者: smile_frank | 来源:发表于2019-07-26 16:15 被阅读0次

    现在前面

    Hexo框架Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

    准备工作

    1.Node.js安装
    2.Git安装(Xcode自带有Git环境)

    检查是否安装成功

    node -v // 如果可以看到版本信息,说明安装成功
    
    git --version // 如果可以看到版本信息,说明安装成功
    

    如果执行git --version命令出现下面错误
    macOs High Sierra 升级 macOs Mojave后,idea 报错
    Сannot Run Git xcrun: error: invalid active developer path(/Library/Developer/CommandLineTools), missing xcrun at:/Library/Developer/CommandLineTools/usr/bin/xcrun

    解决办法

     xcode-select --instal //终端执行
    

    安装Hexo

    如果您的电脑中已经安装上述必备程序,那么恭喜您!接下来只需要使用 npm 即可完成 Hexo 的安装。

    sudo npm install -g hexo-cli
    

    检查版本,成功看到版本号,安装成功!

    hexo version
    

    GitHub创建个人仓库

    1.首先去GitHub注册一个GitHub账号

    2.注册完登录后,在GitHub.com中看到一个New repository,新建仓库

    3.创建一个和你用户名相同的仓库,后面加.github.io,只有这样,将来要部署到GitHub page的时候,才会被识别,也就是xxxx.github.io,其中xxx就是你注册GitHub的用户名。我这里是已经建过了。

    4.点击create repository

    生成SSH添加到GitHub

    打开终端

    git config --global user.name "yourname"
    git config --global user.email "youremail"
    

    这里的yourname输入你的GitHub用户名,youremail输入你GitHub的邮箱。这样GitHub才能知道你是不是对应它的账户。

    可以用以下两条,检查一下你有没有输对

    git config user.name
    git config user.email
    

    然后创建SSH

    ssh-keygen -t rsa -C "youremail"
    

    一路回车键。密码可以不用输入,选择YES。

    这个时候它会告诉你已经生成了.ssh的文件夹。在你的电脑中找到这个文件夹。终端输入

    open ~/.ssh
    

    说明:ssh,简单来讲,就是一个秘钥,其中,id_rsa是你这台电脑的私人秘钥,不能给别人看的,id_rsa.pub是公共秘钥,可以随便给别人看。把这个公钥放在GitHub上,这样当你链接GitHub自己的账户时,它就会根据公钥匹配你的私钥,当能够相互匹配时,才能够顺利的通过git上传你的文件到GitHub上。

    而后在GitHub的setting中,找到SSH keys的设置选项,点击New SSH key

    把你的id_rsa.pub里面的信息复制进去。

    在gitbash中,查看是否成功

    ssh -T git@github.com
    

    hexo部署到GitHub

    这一步,我们就可以将hexo和GitHub关联起来,也就是将hexo生成的文章部署到GitHub上,打开站点配置文件 _config.yml,翻到最后,修改为
    YourgithubName就是你的GitHub账户

    deploy:
      type: git
      repo: https://github.com/YourgithubName/YourgithubName.github.io.git
      branch: master
    

    这个时候需要先安装deploy-git ,也就是部署的命令,这样你才能用命令部署到GitHub。

    npm install hexo-deployer-git --save
    

    然后

    hexo clean
    hexo g
    hexo d
    

    其中 hexo clean清除了你之前生成的东西,也可以不加。
    hexo generate 顾名思义,生成静态文章,可以用 hexo g缩写
    hexo deploy 部署文章,可以用hexo d缩写

    过一会儿就可以在http://yourname.github.io 这个网站看到你的博客了!!

    写新文章

    接下来你就可以正式开始写文章了

    hexo new newpapername
    

    然后在source/_post中打开markdown文件,就可以开始编辑了。这里我推荐Typora一个MarKdown编辑器,可以直接可视化的编写。

    编写之后,在进行下面的重复操作。

    hexo clean
    hexo g
    hexo d
    

    就可以看到更新了。

    相关文章

      网友评论

          本文标题:Hexo框架的安装使用

          本文链接:https://www.haomeiwen.com/subject/tvkdrctx.html