Github+Hexo的搭建与配置

【Hello,hexo】忙活了还多天,查了无数资料,终于搭建完成啦。现整理出过程分享出来,同时自己也再顺一遍。如果有错误欢迎指正~。

我的博客

简书地址

软件准备

  1. node.jsnode.js中文网
  2. git git下载如果下载速度过慢,请移步百度下载,只是版本差异
  3. 文本编辑器,个人用的sublime text(其实用记事本也可以)
  4. 注册github帐号

安装node和git

  1. node和git一路默认安装即可,安装完成之后,在命令输入终端分别键入node -vgit –version出现版本信息就说明安装成功。
  2. 选装cnpm。由于npm速度有时候令人堪忧,所以建议安装淘宝源的cnpm,在git bash中输入下面整段
$ alias cnpm="npm --registry=https://registry.npm.taobao.org \
    --cache=$HOME/.npm/.cache/cnpm \
    --disturl=https://npm.taobao.org/dist \
    --userconfig=$HOME/.cnpmrc"

安装完之后验证,输入:cnpm info express,若出现一大堆信息则表明成功了

安装Hexo

  1. 全局安装。在git bash 下输入:cnpm install -g hexo-cli
    安装完之后,输入hexo-v,出现版本信息则表明安装成功
  2. 创建hexo项目。在D盘(你可以在任意盘,这里只是举个栗子^_^)新建一个文件夹hexo。进入到此文件夹右键点git bash然后输入hexo init,走完命令行之后输入:cnpm install(不知道为什么我的最后一步一直安装不成功~^~,不过不影响使用,需要的插件可以单独安装。)

创建github pages与配置ssh

  1. 创建博客仓库。登陆到github上新建一个仓库,名称为:你的用户名.github.io
  2. 本地生成ssh密钥。git bash下输入ssh-keygen -t rsa -C “你的邮箱地址”
  3. 上传公钥串。在你的电脑C:\ Users\你的计算机用户名.ssh目录下打开刚刚生成的id_rsa.pub,复制里面的内容。然后在这里https://github.com/settings/keys 新建一个ssh key,title随便写,把公钥串粘贴到文本框,保存即可。

将本地博客同步到github上

  1. 安装必要插件。进入到本地的hexo目录,在git bash下分别输入cnpm install hexo -server –savecnpm install hexo-deployer-git –save
    (这里在安装hexo-deployer-git的时候一直提示hexo中的有个文件没有访问权限,换了管理员还是不行,我猜测可能是该文件挂到电脑上的某个服务上了,然后重启了一下电脑。成功安装)
    2.编辑博客配置文件:_config.yml,具体参考https://hexo.io/zh-cn/docs/configuration.html (最重要的是配置deploy)
deploy:
  type: git
  repo: git@github.com:你的github用户名/你的github用户名.github.io.git
  branch: master

之后重新部署一下。在git bash中依次执行 hexo clean(清除旧的public生成文件)hexo generate(或者hexo g 生成静态文件)hexo server(本地预览)hexo deploy(部署到github上,第一次会有弹框提示,输入yes,点击ok)提交成功后就可以访问了,比如我的是:http://gyl-coder.github.io/至此,博客搭建结束!可以稍微休息下,庆祝一下了~.

关于Hexo主题的配置

Hexo 是高效的静态站点生成框架,她基于 Node.js。 通过 Hexo 你可以轻松地使用 Markdown 编写文章,除了 Markdown 本身的语法之外,还可以使用 Hexo 提供的 标签插件 来快速的插入特定形式的内容。在这篇文章中,假定你已经成功安装了 Hexo,并使用 Hexo提供的命令创建了一个站点。
可以直接参考next主题的官方文档Next文档

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值