基于hexo,在github上搭建个人博客
1. 准备工作
-
一个github账号
-
安装node.js、npm
-
安装了git for windows(或者其它git客户端)
2. 开始搭建
新建仓库
配置SSH key
$ cd ~/. ssh #检查本机已存在的ssh密钥
如果提示:No such file or directory 说明你是第一次使用git。
$ ssh-keygen -t rsa -C "邮件地址"
然后连续3次回车,最终会生成一个文件在用户目录下,打开用户目录,找到.ssh\id_rsa.pub文件,记事本打开并复制里面的内容,打开你的github主页,进入个人设置 -> SSH and GPG keys -> New SSH key:
3.测试
$ ssh -T git@github.com # 照抄,不用改
如果提示Are you sure you want to continue connecting (yes/no)?,输入yes,然后会看到:
You’ve successfully authenticated, but GitHub does not provide shell access.
看到这个信息说明SSH已配置成功!
此时你还需要配置:
$ git config --global user.name "xxx" // 你的github用户名 $ git config --global user.email "xxx@qq.com" // 填写你的github注册邮箱
4.安装hexo
$ npm install -g hexo
在电脑的某个地方新建一个名为hexo的文件夹(名字可以随便取),比如我的是D:\work\hexo,由于这个文件夹将来就作为你存放代码的地方,所以最好不要随便放。
$ cd /f/Workspaces/hexo/ $ hexo init
hexo会自动下载一些文件到这个目录,包括node_modules,目录结构如下图:
$ hexo g # 生成 $ hexo s # 启动服务
执行以上命令之后,hexo就会在public文件夹生成相关html文件,这些文件将来都是要提交到github去的:
hexo s是开启本地预览服务,打开浏览器访问 http://localhost:4000 即可看到内容,很多人会碰到浏览器一直在转圈但是就是加载不出来的问题,一般情况下是因为端口占用的缘故
5.修改主题
官方主题:https://hexo.io/themes/
首先下载这个主题:hexo-theme-butterfly
$ cd /d/work/hexo/ $ git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/Butterfly
修改_config.yml中的theme: landscape改为theme: Butterfly,然后重新执行hexo g来重新生成
如果出现一些莫名其妙的问题,可以先执行hexo clean来清理一下public的内容,然后再来重新生成和发布。
具体安装细节,还需结合官方(即主题提供者)提供的详细文档
6.上传gitgub
如果你一切都配置好了,发布上传很容易,一句hexo d就搞定,当然关键还是你要把所有东西配置好。
首先,ssh key肯定要配置好。
其次,配置_config.yml中有关deploy的部分:
正确写法:
deploy: type: git repository: git@github.com:username/username.github.io.git branch: master
错误写法:
deploy: type: github repository: https://github.com/username/username.github.io.git branch: master
后面一种写法是hexo2.x的写法,现在已经不行了,无论是哪种写法,此时直接执行hexo d的话一般会报如下错误:
Deployer not found: github 或者 Deployer not found: git
原因是还需要安装一个插件:
npm install hexo-deployer-git --save
打开你的git bash,输入hexo d就会将本次有改动的代码全部提交,没有改动的不会:
- 基于gitHub+hexo搭建的个人博客
- deepin下搭建基于github和hexo的个人博客
- 基于Hexo与Github搭建个人博客、并绑定已有的域名
- 基于GitHub和Hexo搭建个人博客
- 基于windows平台Git+GitHub+Hexo搭建个人博客(一)
- 基于Hexo部署与Github的个人博客的搭建
- 基于Hexo+GitHub Page搭建免费个人博客教程
- 基于github+hexo搭建个人博客(window)
- 基于github page和hexo搭建个人博客
- 基于Github&Hexo的个人博客搭建过程
- 基于 Hexo + GitHub Pages 搭建个人博客(一)
- 个人博客搭建全攻略(一):基于Hexo+Github环境搭建
- Hexo + Github Pages 搭建个人博客
- Windows环境下Hexo、Github搭建个人博客
- 使用hexo+github搭建免费个人博客详细教程
- Hexo+github 搭建个人博客(一)
- hexo与github搭建个人博客
- hexo在github上搭建个人博客详细步骤
- 搭建个人博客之 Github + hexo: 如何在其他电脑上更新博客
- GitHubPages+Hexo搭建免费个人博客(windows平台)