Hexo + GitHub + Coding 双博客教程

最新推荐文章于 2021-07-30 17:23:39 发布

阿甘的博客

最新推荐文章于 2021-07-30 17:23:39 发布

阅读量562

点赞数

分类专栏： hexo 文章标签： Hexo GitHub Coding 双博客教程博客

本文链接：https://blog.csdn.net/ganzhilin520/article/details/79047973

版权

hexo 专栏收录该内容

19 篇文章 1 订阅

订阅专栏

1：搭建 Node.js 环境

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，可以在非浏览器环境下，解释运行 JS 代码。
Node.js 官网：https://nodejs.org/en/
下载 Windows版本安装保持默认设置即可，一路Next，安装很快就结束了。
然后打开，开始菜单，运行 CMD ，输入 node -v 出现版本号则说明 Node.js 环境配置成功，第一步完成！！！

2 : 搭建 Git 环境

Git 是一款免费、开源的分布式版本控制系统，用于敏捷高效地处理任何或小或大的项目。
Git 官网：https://git-scm.com/
下载 Windows版本保持默认设置即可，一路Next，安装很快就结束了。
桌面鼠标右键，打开 Git Bush Here 输入 git –version 出现版本号则说明 Git 环境配置成功。

3：GitHub 注册和配置

GitHub 是一个代码托管平台，因为只支持 Git 作为唯一的版本库格式进行托管，故名 GitHub。
Github注册：https://github.com/
重要的事情说三篇，注册的时候用户名用户名用户名一定要想好，设置好，因为用户名就是你网站的域名，比如我的用户名是 qq835821280 那你的域名就是 qq835821280.github.io

我的用户名就没有想好，不过我使用顶级域名，修复了这个缺点，如果你也使用顶级域名，用户名可以随意。

注册用谷歌浏览器，因为有一个翻译网页功能，如果你英语好，当我没说，注册完了之后，把个人资料设置好，在新建一个仓库。

转动鼠标，把网页拉到Github Pages这个位置。

访问你的域名 qq835821280.github.io，如果可以正常访问，那么 Github 的配置已经结束了。

4：Coding 注册和配置

什么是 Coding ？你可以理解为中国的 GitHub 。
优点：是国内访问速度快，百度收录你博客的文章，GitHub里面的文章，百度蜘蛛爬不到。
缺点：国人开发的东西，你们应该都懂的，说不定哪天就没有了，需要开通会员，或者在你博客里面加 Coding 自身的广告，不然你自己的域名访问博客，需要跳转一个网页，蛋疼，所以我们要双博客，Coding国内用户，GitHub国外用户。
Coding注册：https://coding.net/register

重要的事情说三篇，注册的时候用户名用户名用户名一定要想好，设置好，因为用户名就是你网站的域名，比如我的用户名是 qq835821280 那你的域名就是 qq835821280.coding.me

点击 Pages 服务

点击 代码
新建文件创建一个index.html 文件

<html>
  <head>
    <title>My Coding Pages</title>
  </head>
  <body>
    <h1>Hello Coding!</h1>
  </body>
</html>

输入上面的代码提交。
访问你的域名 qq835821280.coding.me，如果可以正常访问，那么 Coding 的配置已经结束了。

5：安装配置 Hexo

Hexo 是一个快速、简洁且高效的博客框架，使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。
强烈建议你花20分钟区读一读 Hexo 的官方文档：https://hexo.io/zh-cn/
打开开始菜单运行 cmd

进入D盘
d:
新建 blog 文件夹
md d:\blog
进入 blog 文件夹
cd blog
安装 Hexo
npm install -g hexo
初始化 Hexo
hexo init
安装依赖包
npm install

新建完成后，指定文件夹的目录如下：
├── _config.yml
├── package.json
├── scaffolds
├── source
| ├── _drafts
| └── _posts
└── themes

生成新的 public 文件夹
hexo g
启动 Hexo 服务
hexo s

如果 http://localhost:4000 能够正常访问，则说明 Hexo 本地博客已经搭建起来了，
只是本地哦，别人看不到的。下面，我们要部署到 Github 跟 Coding 。

6：部署 Hexo博客到 Github 跟 Coding 上

打开 D:\blog文件夹文件夹里面鼠标右键打开 Git Bash Here
生成SSH keys 输入你自己的邮箱地址
ssh-keygen -t rsa -C "835821280@qq.com"
在回车中会提示你输入三次密码，我们按三次回车不设置密码。

打开 C:\Users\Administrator.ssh\id_rsa.pub

此文件里面内容为刚才生成的密钥，准确的复制这个文件的内容。
GitHub粘贴到 https://github.com/settings/ssh
Coding粘贴到 https://coding.net/u/qq835821280/p/qq835821280.coding.me/setting/deploy_key

测试SSH keys密钥不要修改下面的内容
ssh -T git@github.com
ssh -T git@git.coding.net
输入yes就好，然后会看到：

配置Git 输入你自己的邮箱地址
git config --global user.name "qq835821280"
git config --global user.email "835821280@qq.com"
打开 D:\blog文件夹记事本打开或者 notepad++ 打开 _config.yml文件
找到Deployment，然后按照如下修改，用户名改成你的：
需要注意的是：冒号后面记得空一格！

初始化git本地仓库
git init
安装上传插件
npm install hexo-deployer-git --save
删除旧的 public 文件夹
hexo clean
生成新的 public 文件夹
hexo g
开始上传 hexo博客
hexo d

在浏览器中输入 https://qq835821280.github.io 用户名改成你的
看看是否成功。
在浏览器中输入 https://qq835821280.coding.me 用户名改成你的
看看是否成功。

7：域名解析

看着博客的域名是二级域名，总有一种寄人篱下的感觉，为了让这个小窝看起来更加正
式，我在阿里云上买了一个域名，打算将博客绑定自己的域名。

域名解析顺序：
* 1：CNAME www 世界 https://qq835821280.github.io 10分钟
* 2：CNAME @ 世界 https://qq835821280.github.io 10分钟
* 3：CNAME www 默认 https://qq835821280.coding.me 10分钟
* 4：CNAME @ 默认 https://qq835821280.coding.me 10分钟

GitHub 域名设置：

Coding 域名设置：

删除旧的 public 文件夹
hexo clean
生成新的 public 文件夹
hexo g
开始上传 hexo博客
hexo d
等几分钟，访问下你自己的域名。

主题设置：http://theme-next.iissnan.com/

阿甘的博客

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Hexo + GitHub + Coding 双博客教程

1：搭建 Node.js 环境Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，可以在非浏览器环境下，解释运行 JS 代码。 Node.js 官网：https://nodejs.org/en/ 下载 Windows版本安装保持默认设置即可，一路Next，安装很快就结束了。然后打开，开始菜单，运行 CMD ，输入 node -v 出现版本号则说
复制链接

扫一扫