美文网首页
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