Hexo+Github

记一下hexo+github建站

win环境建站

1、nodejs

首先,安装 nodejs, Hexo是基于 Node.js 驱动的一款博客框架

http://nodejs.cn

2、git 环境

然后,安装git, 一个分布式版本控制系统,用于项目的版本控制管理,作者是 Linux 之父。

⭐Git(官网)https://git-scm.com/

太慢的话可以自行找资源

安装过程一路next就行(安装路径可改)

两者安装完成之后,右击此电脑>属性>高级系统设置>环境变量>系统变量下的Path 可以看到两者已自动修改了环境变量,这是我们可以通过cmd命令(win+r后输入cmd)查看两者版本。(确认是否安装成功及可以使用) 查看Node.js版本命令:node -v 查看Git版本命令:git --version

3.之后进入GitHub创建一个仓库

确认注册后会让用户选择公有还是私有仓库(私有的个人仓库好像需要Money好像是每月7美金)
个人博客的话直接选免费的就行了
注意仓库的取名格式:用户名.github.io(这将是以后的访问域名)

到这里代表我们Github账号以及仓库都已经创建完毕
可以把下面这段仓库的地址复制下来留着后面配置时会用到

4. 接下来进入本地配置安装Hexo

在磁盘中创建一个用来存放Github本地仓库文件的目录(可自定义目录存放,顾名思义blog==博客)

选中创建的目录(文件夹)右键选择使用Gti Bash Here打开Git命令窗口(这就是开始安装的Git工具,现在开始使用)
也可以使用Windows的cmd命令行(不推荐)
(因为是从国外服务器下载,受网络的影响比较大,有可能会出现异常,所以我们需要连接国内淘宝官方的服务器来进行)
输入命令:npm install -g cnpm –registry=https://registry.npm.taobao.org
注:之后再次使用命令则是以cnpm开头~而不是npm

正式开始安装hexo
输入命令:cnpm install -g hexo-cli

之后就是初始化Hexo
输入命令:hexo init

这时我们创建的目录(文件夹)下已经多出许多文件

新建完成后,指定文件夹Hexo目录下有:

node_modules: 依赖包
public:存放生成的页面
scaffolds:生成文章的一些模板
source:用来存放你的文章
themes:主题**
_config.yml: 博客的配置文件**

这样本地的网站配置也弄好啦,输入hexo g生成静态网页,然后输入hexo s打开本地服务器,

这时启动hexo之后在浏览器输入localhost:4000就可以在本地浏览博客(自带一篇Hello World博客)
输入命令:hexo s
关闭hexo ctrl + c

5. 设置ssh

生成sshkey
输入命令:cd ~/.ssh进入.ssh文件

输入命令:ssh-keygen -t rsa -C ‘注册时的邮箱地址’

此时我们去查看C盘目录(此文件夹所在C:\用户\用户名目录下)

使用记事本打开id_rsa.put文件并复制生成的key

在已登陆的Github主页点击右侧头像 –> Settings设置

再点击SSH and GPG keys –> New SSH key

将刚刚在.ssh目录下所复制id_rsa.pub文件中的信息复制进key(注意空格),在给它取个名字(随意)

这里需要在本地进行验证一次
输入命令:ssh -T git@github.com 并且输入yes之后,行末尾会显示你的用户名

绑定成功并且会邮箱收到邮件

接着在本地绑定与Github的用户名和邮箱
输入命令:git config –global user.name “注册时用户名”
输入命令:git config –global user.email “注册时邮箱”

6. 上传测试博客

打开并修改本地仓库目录下_config.yml文件

在文件的末尾修改(repository属性的地址就是之前创建仓库后所保存的http地址)
deploy:
type: git
repository: https://github.com/用户名/用户名.github.io.git

branch: master

此时需要安装一个上传工具
输入命令:cnpm install hexo-deployer-git

可以新建一篇测试文章(不新建的话也会有一篇自带的Hello World文章)
输入命令:hexo new “文章名称”

新建文章之后需要生成一遍文件
输入命令:hexo g

新建文章后可在本地先预览一遍
输入命令:hexo s浏览器输入:localhost:4000(ctrl + c 关闭)

最后直接部署到Github就可以啦
输入命令:hexo d

7.github绑定域名

  1. 前提,拥有一个自己的域名

  2. 创建CNAME文件。在GitHub上,进入需要绑定域名的项目设置,找到Custom domain选项,添加域名后保存。在保存之前,确保在CNAME文件中填写的域名不包含http://www

  3. 例如,如果购买的域名是example.com,那么在CNAME文件中应填写example.com。13

  4. 修改域名解析记录。在购买域名的网站的控制台中,找到对应的域名,进行CNAME记录的修改。解析域名指向原来访问URL

  5. 等待DNS配置生效。DNS配置不是立即生效的,需要等待大约10分钟后再访问域名以确认配置是否成功。

    可以参考