前期准备:
  1. 一个github账号
  2. 一个域名(如果你想把域名弄好看的话)
  3. node.js安装
  4. git安装
git账号注册,Git安装,Node.js安装

这个就不在这里说了,请查看这里

hexo安装

首先去自己电脑上找个地方创建文件夹 假设我在f:/blog创建 则进入到这个文件夹中 右键->git bash 然后会有个黑色的框框 在里面输入

npm install -g hexo-cli

等待安装完成后输入初始化命令:

hexo init myblog

这里的myblog是你的博客文件夹名字 随便取

然后输入一下命令(进入文件夹,安装依赖)

cd myblog
npm install

完成以上操作以后 你的myblog下面应该会存在一下文件:

  • node_modules: 依赖包
  • public:存放生成的页面
  • scaffolds:生成文章的一些模板
  • source:用来存放你的文章
  • themes:主题
  • _config.yml: 博客的配置文件

如果你想先看一下效果 可以输入一下命令:

hexo g
hexo server

此时打开浏览器 输入localhost:4000 如果能看到中间有个Hexo字样的博客 就代表你成功了

利用GitHub个人仓库创建数据存储
  1. 先去登陆GitHub 然后可以看到New repository 新建仓库

  2. 创建一个和你用户名相同的仓库,即 你的github用户名.github.io(这一步务必保证用户名相同,比如我的:szysammie.github.io,否则后续无法匹配,另外保证下面的选项是public,最后点击create repository)

  3. 生成SSH并且添加到GitHub

    回到你的git bash那个黑框框里面 执行以下命令:

    git config –global user.name “你的github用户名”
    git config –global user.email “你的github绑定的邮箱”

    ssh-keygen -t rsa -C “你的github绑定的邮箱”

  4. 这个时候会在你的电脑下面生成一个.ssh的东西,路径一般是在c:/user/当前系统用户名/.ssh 记事本打开id_rsa.pub,复制里面的内容

  5. 去你的github账号设置中(也就是点你的头像),有一个Setting,选择左边的SSH and GPG keys,右边Title随便写,把第4步中复制的内容粘贴到下面的Key中,然后点击Add SSH key

  6. 测试一下成功没:

    ssh -T git@github.com

    如果返回类似这样的信息 则是成功了:Hi szysammie! You’ve successfully authenticated, but GitHub does not provide shell access.

把hexo关联到GitHub
  1. 打开你的myblog文件夹,有一个叫_config.yml的文件,拉到最下面去,修改一下信息:

    deploy:
    type: git
    repo: https://github.com/你的github用户名/你的github用户名.github.io.git
    branch: master

  2. 然后依然是git bash 输入下面的命令(安装插件 以后写作都用命令来推上github)

    npm install hexo-deployer-git –save

  3. 然后你就可以输入一下的命令来推上github了!

    hexo clean
    hexo g
    hexo d

    命令解释:

    hexo clean代表清除掉你之前的一些公共文件夹

    hexo g代表生成静态文章

    hexo d代表部署你的文章到github上去

    注意:在hexo d的时候 会让你输入你的github账号和密码

    如果你看到以下信息就代表你成功了,过一会儿你就可以在http://你的github用户名.github.io访问到你博客了:

    Brach ‘master’ set up to track remote branch ‘master’ from 'git@github.com‘:你的github用户名.github.io

    设置个人域名

    你现在博客的域名为yourname(github账号,下同).github.io 但是如果你觉得这个网址的逼格还不够,比如像我这个:b.sammie.top,你就需要设置一个个人域名,域名的购买就不说了,这里推荐阿里云的。

    以阿里云举例,先去实名认证,然后到你的域名管理下去点解析,然后点添加解析,分别添加两条,记录类型都填A记录,主机记录都填@,解析线路选择默认,记录值分别是192.30.252.154192.30.252.153这个是github的服务器地址

    回到GitHub,进入你的博客仓库,点击settings,拉到下面设置Custom domain 输入你的域名,比如我的b.sammie.top

    最后在你的博客文件夹下面,去找到source,创建一个名字是CNAME的文件,主要后缀名,里面的内容只填写你的域名(比如b.sammie.top),保存的时候保存格式为所有文件!记住,千万不能是任何形式的文件!

    然后在gitbash中输入

    hexo clean
    hexo g
    hexo d

    过一会儿去访问你的域名,就可以看到博客了。

    写作:

    由于hexo采用的是markdown的写作模式,所以你可以通过

    hexo new newpaper

    来创建一篇新的文章 newpaper是文件名(不是文章标题)产生的.md文件存在于source/_posts下 打开md就可以编辑文章啦 具体的markdown语法请自行百度 这里我推荐我使用的markdown编辑器:

    Typora

    更换主题:

    这个就简直非常的棒了 Hexo官方提供了很多主题,但我觉得都不是很好看,我现在使用的这个是来自github上一个大三同学的主题,地址在这里

    更换这个主题的所有操作在他这个项目的文档中已经写的很好了,请自行参考使用。

    注意:在设置hexo的_config.yml的时候 有个属性是设置语言 也就是language: 这里一定要设置成zh-CN才表示中文

    开启酷炫的live2d

    如果你在PC端浏览我的博客,可以在左边看到一个很可爱的猫,这个是live2d 在hexo上有插件,教程在这里

    需要注意的一点是:在配置live2d的相关属性的时候,mobile中的show属性建议改为false 这个代表的意思是live2d模型在移动端是不显示,因为模型比较大,在移动端显示会很难看。

开启评论和计数功能

在你完成tomotaes主题的更换以后,在themes/tomotoes下有个_config.yml的文件,打开它,往下拉,找到valine属性:修改里面的appId和appKey,这两个参数是valine应用的值,你可以点这里去注册一个账号然后创建一个应用得到.

计数功能需要在themes\tomotoes\中的_config.yml下直接配置以下属性:

visit_counter: site_pv: 访问次数:<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script> <span id="busuanzi_container_site_pv"><span id="busuanzi_value_site_pv"></span></span> site_uv: 访问用户: