Hexo + Gitee 搭建我的博客

环境搭建

  • Git
  • Node.js
    • 最新的 Node.js 已经集成了 npm
  • npm

官网地址:node

  • https://nodejs.org/en/
  • https://git-scm.com/

开始搭建

1. 安装 Hexo

npm install -g hexo   # 经过npm安装hexo
-g 指定全局安装,可使用hexo命令

2. 初始化 Hexo

hexo init blog  # 初始化建立,会再桌面建立blog文件夹
cd blog    # 进入blog目录
npm install   # 进一步安装hexo所需文件

初始化后,文件夹的目录以下:python

.
├── .deploy       #须要部署的文件
├── node_modules  #Hexo插件
├── public        #生成的静态网页文件
├── scaffolds     #模板
├── source        #博客正文和其余源文件等都应该放在这里
|   ├── _drafts   #草稿
|   └── _posts    #文章
├── themes        #主题
├── _config.yml   #全局配置文件
└── package.json

3. 启动 Hexo

hexo clean   # 清除全部记录 /hexo c
hexo generate  # 生成静态网页 /hexo g
hexo server    # 启动服务 /hexo s

显示以下图,则运行成功。git

而后使用浏览器访问 http://localhost:4000github

其实,若是你要求不高,咱们再把它部署到码云(gitee)上,如今也能够说是完成了。web

4. 把博客部署到码云上

首先说明一下,为何选择码云,由于我也是经过 GitHub Page 实现的,不过最近 GitHub 常常性蹦,访问也比较慢,因此我就选择了码云实现一下,固然你有服务器就最好不过了shell

码云(gitee):https://gitee.com/npm

4.1 注册码云,建立仓库

咱们须要在 gitee 建立本身的帐户(若是没有),而后再建立一个本身仓库json

输入仓库名称,其它默认便可,这里由于我已经建立了vim

4.2 生成/添加 SSH 公钥

码云 Gitee 、GitHub 提供了基于 SSH 协议的 Git 服务,在使用 SSH 协议访问仓库仓库以前,须要先配置好帐户/仓库的 SSH 公钥。浏览器

配置 ssh 帐户和邮箱

邮箱没必要与 GitHub、Gitee 帐号相同,我的邮箱便可。

git config --global user.email *********@qq.com # 设置邮箱
git config --global user.name '****'   # 设置用户名

查看帐户和邮箱

git config --global user.name 
git config --global user.email

本地生成ssh公钥

邮箱为刚配置好的帐户邮箱

ssh-keygen -t rsa -C "xxxxx@xxxxx.com"

按照提示完成三次回车,便可生成 ssh key

查看 ssh 公钥

vim ~/.ssh/id_rsa.pub

# 退出
:qa!

复制公钥去 Gitee 粘贴,添加

说明一下:

  • GitHub、gitlab、码云三个平台可使用一个公钥

测试是否链接成功

码云 Gitee

ssh -T git@gitee.com

以下图所示,则表示链接成功

另外, GitHub 的测试代码以下:

ssh -T git@github.com
  
# 表示链接成功
Hi “您的用户名”! You've successfully authenticated, but GitHub does not provide shell access.

4.3 配置链接 Gitee

进入到咱们新建立的仓库,复制项目地址

复制 URL ,到 hexo 的配置文件 _config.yml,相应位置修改为以下:

deploy:
  typegit                        # typegit
  repogit@gitee.com:XXXXXX/blog.git  # 仓库的 URL
  branch: master

注意:冒号后面必定要有空格,不然不能正确识别。

4.4 部署博客

安装自动部署发布工具,否则部署会报错

npm install hexo-deployer-git --save

新建 deployer.sh 文件,输入代码:

hexo clean
hexo g 
hexo d

一键部署博客

sh deployer.sh

5. Gitee Pages 设置

在项目的服务中选择 Pages 选项

默认配置,点击启动便可

下图则成功开启,记住博客地址,以后能够点更新进行操做

博客发布成功以后,能够访问博客地址:xxxxxx,就可经过他提供的博客地址进行访问,预览在线博客啦!!

若是博客的样式不对,则须要在_config.yml中配置下博客地址和路径:

url: “码云提供给您的博客地址”
root: /

再执行命令 sh deployer.sh 就能够啦,以后就是美化咱们的博客了。

6. 主题配置

下载本身喜欢的主题,能够去 github 下载压缩包而后放到博客项目根目录下的 themes 中

而后配置 _config.yml

theme: “您的主题文件夹完整名称”  
# 这里须要注意:后面要有一个空格,名称要和theme下的主题目录名称相同。

修改完成,本地运行 hexo s 测试成功便可上传部署到 Gitee 而后点击更新便可。

7. 自定义域名

通过上面操做,咱们用 Hexo 搭建好本身的 Blog 后,我选择了托管在码云上,如今经过 https://xx0817.gitee.io/blog 这个地址就能够访问了。可是我想经过本身的域名进行访问,要实现这个功能。

7.1 购买域名

这里很少说,某里云、某讯云、某为云均可以,看本身喜欢。

7.2 域名解析

咱们须要经过 GitHub 网址 ping 出服务器的 IP 地址。能够在本地 cmd 中 ping。也能够在网站上 ping。

我选择网站 ping。

网站:http://ip.tool.chinaz.com/

访问后输入本身的 GitHub 部署的博客网址就能 ping 出来了。

进入域名购买的控制台,在解析中添加记录:

添加记录:

主机记录为@,记录类型为A,解析线路选择默认,记录值设置为上面ping出来的IP地址。最少要设置一个,我是四个所有设置了。

再添加记录:

主机记录为www,记录类型为 CNAME,解析线路选择默认,记录值为你的 GitHub 域名,个人为 gdfuturexx.github.io。

上面设置的意思为:

  • 设置 A 记录的意思是,当我输入 hongxin.online 这个域名的时候,访问的是 185.199.110.153等这4个IP地址其中一个;
  • 设置 CNAME 的意思是,当我访问 gdfuturexx.github.io 这个地址的时候,会跳转到 hongxin.online,以后的过程就和 A 记录相同了,即访问 185.199.110.153等4个IP地址其中一个。

7.3 添加CNAME文件

在Hexo本地文件夹的source文件夹中,增长一个名为CNAME的无后缀文件。

若是你想地址栏中显示www就输入www.xxx.com,不然输入xxxx.com(你的域名)就行。

以后从新部署便可。

7.4 GitHub Pages 绑定域名

登陆你的GitHub,进入仓库,打开设置。

找到下图位置,在 Custom domain 添加你的自定义域名。

以后刷新一下页面,若是 能勾选Enforce HTTPS就要勾选上。若是不勾选的话访问域名会显示不安全。

自定义域名这段参考了:sushan102.top,这个网站中的文章

严格声明

  • 本项目涉及的代码及一系列分析过程,仅用于学习交流,切勿用于任何非法用途,后果自当。

  • 未经本人赞成,禁止以任何形式,在任何渠道,私自转发或盗文


若你是无耻之人,也请带上小弟的文章出处连接地址,抱拳抱拳!!!

若要转载请注明出处,尊重他人劳动成果。

转载请注明出处连接 : https://www.cnblogs.com/yizhixue-hx/


本文分享自微信公众号 - 一直学Python(python77777)。
若有侵权,请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”,欢迎正在阅读的你也加入,一块儿分享。

相关文章
相关标签/搜索