Hexo框架的安装使用

2019-07-26  本文已影响0人  smile_frank

现在前面

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

就可以看到更新了。

上一篇下一篇

猜你喜欢

热点阅读