Patrilic's blog

hexo+github搭建博客

Word count: 754 / Reading time: 3 min
2018/03/21 Share

这两天博客出了点问题,重新搭了一个,虽然网上有很多很全的教程,但还是自己总结一下,把今天遇到的问题来说一下

先讲讲怎么搭建一个hexo+github的博客

步骤

1.先装好Git环境和Git,在桌面上点击右键可以看到

2.安装Node.js ,在官网即可下载,LTS为通用版 ,Current为最新版

$ node -v

可以检验是否成功安装

3.在Github上创建账户和新建项目,项目格式为:username.github.io 下拉勾选Initialize this repository with a README

4.安装Hexo(请按以下步骤)

建议在D盘创建名称为{username}.github.io的文件夹 username为自己的账户名

在bash下

$ cd /d/xxx.github.io

进入到该文件夹
输入

npm install hexo -g

安装hexo
输入

hexo -v

检查是否安装成功

输入

hexo init

初始化文件夹,提示INFO Start blogging with Hexo!即安装成功

输入

npm install

安装必要组件

注意:在安装过程中所有提示的npm WARN 信息只是警告,不是有实际错误
例如

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules\webpack\node_modules\watchpack\node_modules\chokidar\node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.0.14: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"ia32"})

这样的信息只是提示fsevents是专用于macos的环境,如果你使用linux或者windows进行搭建,可以忽略

5.开启博客

hexo clean

hexo g

hexo s

在本地启动博客,访问 http://localhost:4000 即可,如果有端口冲突,建议改成5000
使用

hexo server -p 5000

来改变端口号

6.Github page+Hexo

$ git config –global user.name “{username}”

$ git config –global user.emal “{email}”

双引号内的内容换成自己的github用户名和邮箱地址

输入>ssh -keygen -t -rsa -C “{email}”
连续回车三次即可生成密钥

$ cd /c/users/username/.ssh

$ cat id_rsa.pub

将id_rsa.pub中的rsa密钥添加到Github中即可

回到bash中输入

ssh -T git@github.com

显示

即可

7.配置_config.yml

repo可在项目的头部找到

8.上传文件
先安装一个组件

$npm install hexo-deployer-git –save

用hexo new 生成一篇文章,存储在source目录的_post下,完成后

hexo d

推送到github的仓库中
访问https://{username}.github.io即可


下面来说说我这次遇到的问题

在部署文章的时候,github提示我有安全问题需要关注,而且把我的页面404了…
不管是删除这个js还是重新部署hexo都没有用
最后发现应该是JavaScript环境的问题,重新安装了最新版的Node.js并且把以前放在系统盘的blog文件夹(系统权限的问题,有时候真的很麻烦)搬到了D盘,也算是一举两得

以及朋友那遇到的git权限的问题,可以通过

git config –global user.name
命令重新登陆

没有什么是完全重装不能解决的,如果有,就再装一遍

hexo 主题 https://hexo.io/themes/

CATALOG
  1. 1. 步骤