hexo+github搭建属于自己的博客

利用hexo博客框架搭建本地博客,部署到github上,就可以实现外网访问自己的博客啦,更有炫酷的主题等你来DIY哦。

新博客地址:http://www.xyj123.xyz 欢迎访问哦。

一、本地博客搭建

1、node.js的下载与安装

这里选择windows安装包的方式安装,
32 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x86.msi
64 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi
选择 v8.12.0 版本,然后进行傻瓜式安装,具体步骤这里不赘述。

安装完成后,检测PATH环境变量是否配置了Node.js,点击开始=》运行=》输入”cmd” => 输入命令”path”,输出如下结果:

PATH=C:\oraclexe\app\oracle\product\8.12.0\server\bin;C:\Windows\system32;
C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0\;
c:\python32\python;C:\MinGW\bin;C:\Program Files\GTK2-Runtime\lib;
C:\Program Files\MySQL\MySQL Server 5.5\bin;C:\Program Files\nodejs\;
C:\Users\rg\AppData\Roaming\npm

我们可以看到环境变量中已经包含了C:\Program Files\nodejs
检查node.js版本:输入node --version 显示对应的版本说明安装成功。

2、git的下载和安装

在 Windows 上安装 Git 非常简单,有个叫做 msysGit 的项目提供了安装包,可以到 GitHub 的页面上下载 exe 安装文件并运行:
项目地址:https://gitforwindows.org/ 直接下载安装即可

完成安装之后,就可以使用命令行的 git 工具(已经自带了 ssh 客户端)了,另外还有一个图形界面的 Git 项目管理工具。
给 Windows 用户的敬告:你应该在 msysGit 提供的 Unix 风格的 shell 来运行 Git。在 Unix 风格的 shell 中,可以使用本书中提及的复杂多行的命令。对于那些需要在 Windows 命令行中使用 Git 的用户,必须注意:在参数中间有空格的时候,必须使用双引号将参数括起来(在 Linux 中是单引号);另外,如果扬抑符(^)作为参数的结尾,并且作为这一行的最后一个字符,则这个参数也需要用双引号括起来。因为扬抑符在 Windows 命令行中表示续行(译注:即下一行为这一行命令的继续)。

至此,基本环境和工具已经搭好了,下载开始搭建博客。

3、hexo的安装与配置

在命令行(即Git Bash)运行以下命令:
npm install -g hexo-cli

初始化Hexo,在命令行(即Git Bash)依次运行以下命令即可:

hexo init hexo(hexo就是你的站点根目录,名字可以自己改)
cd hexo
npm install

hexo的npm的所有相关命令都在这个站点目录下进行,用git bash命令

  • 站点配置文件:站点目录下的_config.yml,路径为hexo_config.yml
  • 主题配置文件:站点目录下的themes文件夹下的,主题文件夹下的_config.yml。
    路径为hexo\themes<主题文件夹>_config.yml

启动服务器。在路径下,命令行(即Git Bash)输入以下命令,运行即可:
hexo server
浏览器访问网址: http://localhost:4000/
至此,你的本地博客已经搭建完毕。是不是有点小激动,更激动的在后面呢哈哈。

二、部署到github上。

首先去www.github.com 注册一个github的账号。
然后创建一个仓库,仓库名为: github账号名.github.io

重点来了,将本地博客推到github仓库。

  1. 安装hexo-deployer-git插件。在命令行(即Git Bash)运行以下命令即可:
    npm install hexo-deployer-git --save
  2. 添加SSH key。
  • 创建一个 SSH key 。在命令行(即Git Bash)输入以下命令, 回车三下即可:
    ssh-keygen -t rsa -C "邮箱地址"
  • 添加到 github。 复制密钥文件内容(路径形如C:\Users\Administrator.ssh\id_rsa.pub),粘贴到New SSH Key即可。
  • 测试是否添加成功。在命令行(即Git Bash)依次输入以下命令,返回“You’ve successfully authenticated”即成功:
    ssh -T git@github.com
    yes

3.修改_config.yml(在站点目录下)。文件末尾修改为:

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: git@github.com:<Github账号名称>/<Github账号名称>.github.io.git
  branch: master

注意:上面仓库地址写ssh地址,不写http地址。在冒号后面一定要加空格,不然会报错的

4.推送到GithubPages。在命令行(即Git Bash)输入以下命令, 返回INFO Deploy done: git即成功推送:
hexo d -g

等待1分钟左右,浏览器访问网址: https://Github账号名称.github.io

至此,您的Hexo博客已经搭建在GithubPages, 域名为https://Github账号名称.github.io

三、将刚刚的github域名绑定到自己注册的域名。更加个性化。

域名建议在阿里云买.top或者.vip后缀的,比较便宜,而且也比较个性。

1、域名解析:

类型选择为 CNAME;主机记录即域名前缀,填写为www;记录值填写为 Github账号名称.github.io ;解析线路,TTL 默认即可。

2、仓库设置:
  1. 打开博客仓库设置:
    https://github.com/Github账号名称/Github账号名称.github.io/settings

  2. 在Custom domain下,填写自定义域名,点击save。

  3. 在站点目录的source文件夹下,创建并打开CNAME.txt,写入你的域名(如www.simon96.online), 保存,并重命名为CNAME(很重要,不能有后缀)。

3、等待10分钟左右。

浏览器访问自定义域名。
至此,您的Hexo博客已经解析到自定义域名,https://Github账号名称.github.io 依然可用。

好了,到这已经博客已经基本搭建好了,另外主题更换,优化之类的,可自行百度,后期我可能也会继续更新。有兴趣的还可以把博客搭在coding上。速度会更快点。

附上项目github地址; https://github.com/jie12366/jie12366.github.io

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值