Miss Ninetales

希望自己心里永远有一点小确幸

  • 前端
  • 随笔
目 录 关于我

Miss Ninetales

Miss Ninetales

希望自己心里永远有一点小确幸

  • 前端
  • 随笔

怎样使用Hexo搭建一个静态博客

2016-12-20

咳咳,激动得我想说一句,Hello World。
现在这个个人站就是我使用Hexo搭建的静态博客,并且部署到了github上面。通过github的域名进行访问。
下面我来写一下我具体是怎么操作的,以及遇到得一些坑吧~

准备

首先需要安装 node git 客户端,可以去官网找这两个安装包然后下载下来,下一步下一步地安装。(我是用的windows)

其次,你需要有个github账号。去官网注册一下就ok了。

安装hexo

打开cmd 或者git bash
输入:

1
npm install -g hexo

初始化

建一个文件夹,然后右键git bash(或者你直接用cmd也行)。
输入:

1
hexo init

这里,我遇到一个坑: hexo 这个命令找不到。
然后你就到计算机的设置里面配置环境变量,把你安装的hexo的bin目录的地址直接粘贴到path最后面,注意用英文分号隔开。

生成静态页面
继续用刚刚的cmd窗口或者git bash 窗口执行:

1
hexo generate

启动服务

继续用刚刚的cmd窗口或者git bash 窗口执行:

1
hexo server

然后你就可以点击 http://localhost:4000/进入你自己的网站啦~

是不是很简单呢。

接下来我继续说怎么部署到github上面

使用git发布到github

建立github仓库

在你的github里面建一个仓库。一定要是这种格式 your_name.github.io 例如我的就是MissNinetales.github.io

修改项目配置

找到你的hexo项目的根目录下的_config.yml 文件,找打其中的deploy。修改如下:

# Deployment
deploy:
type: git
repo: https://github.com/MissNinetales/MissNinetales.github.io.git
branch: master

安装hexo-deployer-git用于发布

还是用之前的cmd或者 git bash 窗口执行:

1
npm install hexo-deployer-git -S

发布项目

还是用之前的cmd或者 git bash 窗口执行:

1
hexo d

或者是

1
hexo deploy

然后你就能在你的仓库看到你的项目了。如果需要访问,格式类似 https://missninetales.github.io/ 把名字换成你自己的就ok了~

我还遇到的坑

之后我在修改了内容之后执行hexo d 的时候出现了
fatal: could not read Username for ‘https://github.com‘: Invalid argument
FATAL Something’s wrong. Maybe you can find the solution here: http://hexo.io/docs/troubleshooting.html

的问题,解决方案是找到项目文件夹中的.deploy_git文件夹中的. git文件夹中的config修改其中的

1
remote = https://github.com/MissNinetales/MissNinetales.github.io.git

为

1
remote = https://{username}:{password}github.com/MissNinetales/MissNinetales.github.io.git

也就是告诉git你的用户名跟密码才能提交上去。。。

赏

有人么~

微信
  • hexo
  • 博客搭建
front-end

扫一扫,分享到微信

微信分享二维码
知乎上的关于女生生活态度的一个答案
© 2016 Miss Ninetales