美文网首页
Hexo+github个人博客搭建

Hexo+github个人博客搭建

作者: 小土豆dy | 来源:发表于2019-03-12 21:07 被阅读0次

hexo+GitHub搭建博客

1.下载并安装Git,Node.js

Git(官网)

Node.js(官网)

下载就不说了。

安装就傻瓜式安装,直接默认就行了!

2.配置环境变量

计算机---属性---高级系统设置---环境变量----打开用户变量---点击编辑---输入变量名和将node.js安装路径粘贴到变量值中---确定完成环境配置

示例图片

3.新建空博客文件夹

安装hexo,在空文件夹中点击鼠标右键点击Git bash here进入命令行,输入以下命令:

$ npm install hexo-cli -g

示例图片

$ hexo init blog

$ cd blog

$ npm install

$ hexo g

示例图片

$ hexo s

示例图片

界面上会有一个类似http://localhost:4000的网站,界面如下

示例图片

4.注册github账号

github

示例图片

5.创建一个仓库

注:

GithubPages的Repository名字是特定的,比如我Github账号是abc,那么我Github Pages Repository名字就是abc.github.io。

示例图片

6.设置github pages

点击进入你刚刚创建好的仓库,接着点击settings,进入仓库管理,选择主题,和选择来源为master,试试在浏览器的地址栏输入”你github的用户名.github.io”吧!

示例图片

7.SSH授权

$ ssh-keygen -t rsa

接着3次回车,这样就会在C盘用户目录下生成id_rsa和id_rsa.pub这两个文件

示例图片

打开id_rsa.pub,复制其中的全部内容,点击github头像,再点击setting选择SSH and GPG keys,再点击NEW SSH key,将刚才复制的内容粘贴到其中

示例图片 示例图片 示例图片

8.在_config.yml中添加

复制clone or download下的git地址

deploy:

type: git

  repository: git@github.com:github用户名/github用户名.github.io.git

  branch: master

示例图片

9.回到命令窗口

$ npm install hexo-deployer-git --save

$ hexo g

$ hexo d

或者

$ npm install hexo-deployer-git --save

$ hexo g -d

示例图片

最后访问https://yourname.github.io

例如:

示例图片

博客搭建初步完成

小白一名,这是我搭建个人博客的经验,希望能给大家提供参考!

相关文章

网友评论

      本文标题:Hexo+github个人博客搭建

      本文链接:https://www.haomeiwen.com/subject/hisopqtx.html