前期准备:
- 一个github账号
- 一个域名(如果你想把域名弄好看的话)
- node.js安装
- 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个人仓库创建数据存储
先去登陆GitHub 然后可以看到New repository 新建仓库
创建一个和你用户名相同的仓库,即 你的github用户名.github.io(这一步务必保证用户名相同,比如我的:szysammie.github.io,否则后续无法匹配,另外保证下面的选项是public,最后点击create repository)
生成SSH并且添加到GitHub
回到你的git bash那个黑框框里面 执行以下命令:
git config –global user.name “你的github用户名”
git config –global user.email “你的github绑定的邮箱”ssh-keygen -t rsa -C “你的github绑定的邮箱”
这个时候会在你的电脑下面生成一个.ssh的东西,路径一般是在c:/user/当前系统用户名/.ssh 记事本打开id_rsa.pub,复制里面的内容
去你的github账号设置中(也就是点你的头像),有一个Setting,选择左边的SSH and GPG keys,右边Title随便写,把第4步中复制的内容粘贴到下面的Key中,然后点击Add SSH key
测试一下成功没:
ssh -T git@github.com
如果返回类似这样的信息 则是成功了:Hi szysammie! You’ve successfully authenticated, but GitHub does not provide shell access.
把hexo关联到GitHub
打开你的myblog文件夹,有一个叫_config.yml的文件,拉到最下面去,修改一下信息:
deploy:
type: git
repo: https://github.com/你的github用户名/你的github用户名.github.io.git
branch: master然后依然是git bash 输入下面的命令(安装插件 以后写作都用命令来推上github)
npm install hexo-deployer-git –save
然后你就可以输入一下的命令来推上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.154和192.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: 访问用户: