您的位置:首页 > 编程语言

基于hexo,在github上搭建个人博客

2019-07-09 22:17 369 查看
版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。 本文链接:https://blog.csdn.net/super_user_Z/article/details/95234334

1. 准备工作

  1. 一个github账号

  2. 安装node.js、npm

  3. 安装了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就会将本次有改动的代码全部提交,没有改动的不会:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: