Hexo NexT 博客与Github page 关联指南

Stella981
• 阅读 978

上篇文章 Hexo 博客框架NexT主题搭建指南

我们已经在本地搭建好了Hexo博客框架NexT 主题的博客程序,但是这感觉还是远远不够。

我们还想把它部署到我们的Github上,让其他人可以看到我们的博客。

那么这节课就跟我一起来学习吧~

0x01 准备工作

一个Github帐号

一个域名

一个Hexo NexT主题的博客程序

0x02 开始操作

1. 点击 'New repository',创建一个版本仓库

Hexo NexT 博客与Github page 关联指南

2. 设置仓库名称时有两个注意的地方

比如比如我的GitHub 地址: https://github.com/geekxingyun

那么名称必须是geekxingyun,后缀必须是github.io

最后全称: geekxingyun.github.io

Hexo NexT 博客与Github page 关联指南

页面访问到这个地址,我们记录下

Hexo NexT 博客与Github page 关联指南

把这个git地址处理记录下,待会要用

https://github.com/geekxingyun/geekxingyun.github.io.git

3. 我之前已经购买了阿里云域名,这里配置下解析

Hexo NexT 博客与Github page 关联指南

这里记录类型我们选择CNAME,因为这种类型可以将我们的域名指向另外一个域名。

Hexo NexT 博客与Github page 关联指南

 4. Github 配置

Hexo NexT 博客与Github page 关联指南

  往下滚动到最下面我们可以看到这个

Hexo NexT 博客与Github page 关联指南

输入自定义域名后,点击Save 之后你会看到下面这样

Hexo NexT 博客与Github page 关联指南

到这里我忍不住点击打开了下,发现这个

Hexo NexT 博客与Github page 关联指南

到这里我们已经成功了一半了,我们还需要将代码部署到我们的GitHub 上

5. 修改博客配置文件

修改_config.yml,在文件最底部添加如下代码

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repository: ssh://git@github.com/geekxingyun/geekxingyun.github.io.git
  branch: master

Tips:这里有个坑,我开始前缀用的https://github.com,结果后面一直部署失败,必须改成下面这种才行

repository: ssh://git@github.com/geekxingyun/geekxingyun.github.io.git

 完整配置文件:

Hexo NexT 博客与Github page 关联指南 Hexo NexT 博客与Github page 关联指南

# Hexo Configuration
## Docs: https://hexo.io/docs/configuration.html
## Source: https://github.com/hexojs/hexo/

# Site
title: Hexo
subtitle:
description:
keywords:
author: John Doe
language:
timezone:

# URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: http://yoursite.com
root: /
permalink: :year/:month/:day/:title/
permalink_defaults:

# Directory
source_dir: source
public_dir: public
tag_dir: tags
archive_dir: archives
category_dir: categories
code_dir: downloads/code
i18n_dir: :lang
skip_render:

# Writing
new_post_name: :title.md # File name of new posts
default_layout: post
titlecase: false # Transform title into titlecase
external_link: true # Open external links in new tab
filename_case: 0
render_drafts: false
post_asset_folder: false
relative_link: false
future: true
highlight:
  enable: true
  line_number: true
  auto_detect: false
  tab_replace:
  
# Home page setting
# path: Root path for your blogs index page. (default = '')
# per_page: Posts displayed per page. (0 = disable pagination)
# order_by: Posts order. (Order by date descending by default)
index_generator:
  path: ''
  per_page: 10
  order_by: -date
  
# Category & Tag
default_category: uncategorized
category_map:
tag_map:

# Date / Time format
## Hexo uses Moment.js to parse and display date
## You can customize the date format as defined in
## http://momentjs.com/docs/#/displaying/format/
date_format: YYYY-MM-DD
time_format: HH:mm:ss

# Pagination
## Set per_page to 0 to disable pagination
per_page: 10
pagination_dir: page

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: next

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repository: ssh://git@github.com/geekxingyun/geekxingyun.github.io.git
  branch: master

View Code

6. 初始化自己的帐号和密码

这一步骤是为了以后我们用git命令提交不再需要繁琐的输入我们的Github帐号和密码。

在C:\Users\fairy\Documents\HexoBlog 目录下,执行下列命令配置你的用户名

git config --global user.name "geekxingyun"

配置邮箱

git config --global user.email "fairy_xingyun@hotmail.com"

执行结果如图所示:

Hexo NexT 博客与Github page 关联指南

进入.ssh 隐藏文件夹

cd  ~/.ssh

Hexo NexT 博客与Github page 关联指南

连续三个回车,生成密钥,最后得到了两个文件:id_rsa和id_rsa.pub

ssh-keygen -t rsa -C "fairy_xingyun@hotmail.com"

Hexo NexT 博客与Github page 关联指南

生成文件默认路径

Hexo NexT 博客与Github page 关联指南

输入eval "$(ssh-agent -s)",添加密钥到ssh-agent

eval "$(ssh-agent -s)"

结果会像这样:

Hexo NexT 博客与Github page 关联指南

 再次输入命令

ssh-add ~/.ssh/id_rsa

Hexo NexT 博客与Github page 关联指南

7. 添加帐号SSH Keys

登录Github,点击头像下的settings,添加ssh

Hexo NexT 博客与Github page 关联指南

 新建一个new ssh key,将id_rsa.pub文件里的内容复制上去

Hexo NexT 博客与Github page 关联指南

输入下列命令进行验证是否成功

ssh -T git@github.com

Hexo NexT 博客与Github page 关联指南

Tips:出现上述字样说明连接成功。

0x03 部署项目

这里需要补充点部署方面的知识:https://hexo.io/docs/deployment.html

需要安装一个Hexo插件

npm install hexo-deployer-git --save

 之后你应该可以看到这样的结果:

Hexo NexT 博客与Github page 关联指南

好了,我们现在可以把代码进行下处理了 

清理下项目

hexo clean

 重新生成

hexo generate

部署

hexo deploy

 执行成功后会出现这个样子:

Hexo NexT 博客与Github page 关联指南

打开我们的域名:

http://www.520geek.cn/

访问结果如图所示:

Hexo NexT 博客与Github page 关联指南

点赞
收藏
评论区
推荐文章
blmius blmius
3年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
皕杰报表之UUID
​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为
待兔 待兔
3个月前
手写Java HashMap源码
HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22
Jacquelyn38 Jacquelyn38
3年前
2020年前端实用代码段,为你的工作保驾护航
有空的时候,自己总结了几个代码段,在开发中也经常使用,谢谢。1、使用解构获取json数据let jsonData  id: 1,status: "OK",data: 'a', 'b';let  id, status, data: number   jsonData;console.log(id, status, number )
Wesley13 Wesley13
3年前
Java获得今日零时零分零秒的时间(Date型)
publicDatezeroTime()throwsParseException{    DatetimenewDate();    SimpleDateFormatsimpnewSimpleDateFormat("yyyyMMdd00:00:00");    SimpleDateFormatsimp2newS
Wesley13 Wesley13
3年前
mysql设置时区
mysql设置时区mysql\_query("SETtime\_zone'8:00'")ordie('时区设置失败,请联系管理员!');中国在东8区所以加8方法二:selectcount(user\_id)asdevice,CONVERT\_TZ(FROM\_UNIXTIME(reg\_time),'08:00','0
Wesley13 Wesley13
3年前
00:Java简单了解
浅谈Java之概述Java是SUN(StanfordUniversityNetwork),斯坦福大学网络公司)1995年推出的一门高级编程语言。Java是一种面向Internet的编程语言。随着Java技术在web方面的不断成熟,已经成为Web应用程序的首选开发语言。Java是简单易学,完全面向对象,安全可靠,与平台无关的编程语言。
Stella981 Stella981
3年前
Django中Admin中的一些参数配置
设置在列表中显示的字段,id为django模型默认的主键list_display('id','name','sex','profession','email','qq','phone','status','create_time')设置在列表可编辑字段list_editable
Wesley13 Wesley13
3年前
MySQL部分从库上面因为大量的临时表tmp_table造成慢查询
背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_
Python进阶者 Python进阶者
9个月前
Excel中这日期老是出来00:00:00,怎么用Pandas把这个去除
大家好,我是皮皮。一、前言前几天在Python白银交流群【上海新年人】问了一个Pandas数据筛选的问题。问题如下:这日期老是出来00:00:00,怎么把这个去除。二、实现过程后来【论草莓如何成为冻干莓】给了一个思路和代码如下:pd.toexcel之前把这