Hexo+github个人博客搭建

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

例如:

示例图片

博客搭建初步完成

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容