现在前面
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
就可以看到更新了。
网友评论