Hexo+Github的搭建与配置

【Hello,hexo】忙活了好多天,查了无数资料,终于搭建完成啦。现整理下搭建过程分享出来,希望能够帮助需要的同学,同时自己也再顺一遍。如果有错误欢迎指正~。

软件准备

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

安装node和git

node和git一路默认安装即可,安装完成之后,在命令输入终端分别键入node -vgit –version出现版本信息就说明安装成功。

cnpm(用来安装hexo)由于npm速度有时候令人堪忧,所以建议安装淘宝源的cnpm,在git bash中输入下面整段

1
2
3
4
$ 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)

    1
    2
    3
    4
    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文档

博客优化以及配置:

zcore’s blog
王辉的博客
hexo next主题配置
Hexo Docs 用法
Never_yu’Blog
tc9011
Devin_
blue_zy
关于next主题加载速度慢的解决方案
打造个性超赞博客Hexo+NexT+GithubPages的超深度优化
hexo的next主题个性化教程:打造炫酷网站

有收获再赞赏哦🤭
------ 本文结束感谢您的阅读-------------
0%