加载中...
avatar
文章
42
标签
25
分类
21
首页
Java
Spring全家桶
  • Spring
  • SpringBoot
  • SpringCloud
JVM
源码
  • Mybatis
  • HashMap
归档
其他
  • 互联网电子书汇总
  • JAVA八股文指南
  • 历史
  • 相册
关于
Logo码农StormlingHexo 系列(二)| GitHub 部署
搜索
首页
Java
Spring全家桶
  • Spring
  • SpringBoot
  • SpringCloud
JVM
源码
  • Mybatis
  • HashMap
归档
其他
  • 互联网电子书汇总
  • JAVA八股文指南
  • 历史
  • 相册
关于

Hexo 系列(二)| GitHub 部署

发表于2021-09-06|更新于2025-01-07|Hexo
|总字数:1.2k|阅读时长:4分钟|浏览量:

前言

本文转载:使用 Hexo+GitHub 搭建个人免费博客教程(小白向)
本文只介绍如何部署到GitPage,默认Hexo已搭建

简介

GitHub Pages 是什么?

  • What is GitHub Pages? - GitHub Help

GitHub Pages 是由 GitHub 官方提供的一种免费的静态站点托管服务,让我们可以在 GitHub 仓库里托管和发布自己的静态网站页面。

Hexo 是什么?

  • 官网:hexo.io

Hexo 是一个快速、简洁且高效的静态博客框架,它基于 Node.js 运行,可以将我们撰写的 Markdown 文档解析渲染成静态的 HTML 网页。

Hexo + GitHub 文章发布原理

在本地撰写 Markdown 格式文章后,通过 Hexo 解析文档,渲染生成具有主题样式的 HTML 静态网页,再推送到 GitHub 上完成博文的发布。

部署

连接Github

设置Github 信息
设置 git 配置的用户名邮箱 (将lingzhexi / lingzhexi@gmail.com 分别替换成自己的用户名和邮箱)

git config --global user.name "lingzhexi"
git config --global user.email "lingzhexi@gmail.com"

创建 SSH 密匙

输入 ssh-keygen -t rsa -C "GitHub 邮箱",然后一路回车。

添加密匙

进入 [C:\Users \ 用户名 \.ssh] 目录(要勾选显示 “隐藏的项目”),用记事本打开公钥 id_rsa.pub 文件并复制里面的内容。

登陆 GitHub ,进入 Settings 页面,选择左边栏的 SSH and GPG keys,点击 New SSH key。

Title 随便取个名字,粘贴复制的 id_rsa.pub 内容到 Key 中,点击 Add SSH key 完成添加。

验证连接

打开 Git Bash,输入 ssh -T git@github.com 出现 “Are you sure……”,输入 yes 回车确认。

显示 “Hi xxx! You've successfully……” 即连接成功。

创建 Github Pages 仓库


GitHub 主页右上角加号 -> New repository:

  • Repository name 中输入 用户名.github.io
  • 勾选 “Initialize this repository with a README”
  • Description 选填

填好后点击 Create repository 创建。

创建后默认自动启用 HTTPS,博客地址为:https://用户名.github.io

部署 Hexo 到 GitHub Pages


本地博客测试成功后,就是上传到 GitHub 进行部署,使其能够在网络上访问。

首先安装 hexo-deployer-git:

npm install hexo-deployer-git --save

然后修改 _config.yml 文件末尾的 Deployment 部分,修改成如下:

deploy:
  type: git
  repository: git@github.com:lingzhexi/lingzhexi.github.io.git
  branch: master

完成后运行 hexo d 将网站上传部署到 GitHub Pages。

完成!这时访问我们的 GitHub 域名 https://lingzhexi.github.io 就可以看到 Hexo 网站了。

问题汇总

git提示:warning: LF will be replaced by CRLF

在部署的提交静态文件到Github上时:

hexo d

解决问题

Git 可以在你提交时自动地把回车(CR)和换行(LF)转换成换行(LF),而在检出代码时把换行(LF)转换成回车(CR)和换行(LF)。 你可以用git config --global core.autocrlf true 来打开此项功能。 如果是在 Windows 系统上,把它设置成 true,这样在检出代码时,换行会被转换成回车和换行:

#提交时转换为LF,检出时转换为CRLF
git config --global core.autocrlf true

问题解决

分析问题

格式化与多余的空白字符,特别是在跨平台情况下,有时候是一个令人发指的问题。由于编辑器的不同或者文件行尾的换行符在 Windows 下被替换了,一些细微的空格变化会不经意地混入提交,造成麻烦。虽然这是小问题,但它会极大地扰乱跨平台协作。
其实,这是因为在文本处理中,

CR(CarriageReturn),LF(LineFeed),CR/LF是不同操作系统上使用的换行符,具体如下:

换行符‘\n’和回车符‘\r’

  • 回车符就是回到一行的开头,用符号r表示,十进制ASCII代码是13,十六进制代码为0x0D,回车(return);
  • 换行符就是另起一行,用n符号表示,ASCII代码是10,十六制为0x0A, 换行(newline)。

所以我们平时编写文件的回车符应该确切来说叫做回车换行符。

影响

  • 一个直接后果是,Unix/Mac系统下的文件在Windows里打开的话,所有文字会变成一行;
  • 而Windows里的文件在Unix/Mac下打开的话,在每行的结尾可能会多出一个^符号。
  • Linux保存的文件在windows上用记事本看的话会出现黑点。

这些问题都可以通过一定方式进行转换统一,例如,在linux下,命令unix2dos 是把linux文件格式转换成windows文件格式,命令dos2unix 是把windows格式转换成linux文件格式。

参考:

  • Hexo/GitPage 部署
  • 使用 Hexo+GitHub 搭建个人免费博客教程(小白向)
  • GitHub+Hexo 搭建个人网站详细教程
  • 解决git LF/CRLF
文章作者: stormling
文章链接: http://www.stormling.top/posts/29807.html
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 码农Stormling!
Hexo
cover of previous post
上一篇
Java系列(一)| 基础语法
Java 概述什么是 Java?Java 是一门面向对象的编程语言,不仅吸收了 C++ 语言的各种优点,还摒弃了 C++ 里难以理解的多继承、指针等概念,因此 Java 语言具有功能强大和简单易用两个特征。Java 语言作为静态面向对象编程语言的优秀代表,极好地实现了面向对象理论,允许程序员以优雅的思维方式进行复杂的编程 。 Java 语言有哪些特点?Java 语言有很多优秀(可吹)的特点,以下几个是比较突出的: Java 语言特点 面向对象(封装,继承,多态); 平台无关性:Java 是 “【一次编写,到处运行(Write Once,Run any Where)】” 的语言,因此采用 Java 语言编写的程序具有很好的可移植性,而保证这一点的正是 Java 的虚拟机机制。在引入虚拟机之后,Java 语言在不同的平台上运行不需要重新编译。 支持多线程:C++ 语言没有内置的多线程机制,因此必须调用操作系统的多线程功能来进行多线程程序设计 编译与解释并存; JVM、JDK 和 JRE 有什么区别?JVM:Java Virtual Machine,Java 虚拟机,Java...
cover of next post
下一篇
Hexo系列(一)|基础配置
文章摘要开始 Hexo 中有两种形式添加摘要: 文章开头配置 description 在文章中直接添加 <!-- more --> 添加 descriptionHexo 每篇文章的开头可以表示文章的信息,其中可以添加 descrption 来表示正篇文章的摘要 --- title: Hexo 显示文章摘要 date: 2021-09-24 13:47:10 tags: Hexo categories: Hexo description: 显示文章摘要 # 这里表示添加文章摘要 --- 添加 more在文章的适当处直接添加 --- # 前言 > Hexo 默认的文章是全部展示,对于阅读的体验感很差,所以就需要对文章进行摘要显示部分文章内容 # Start > Hexo 中有两种形式添加摘要: > - 文章开头配置 `description` > - 在文章中直接添加 `<!-- more -->` <!-- more --> 效果 文章置顶🔝卸载默认的置顶方式$ npm uninstall...
相关推荐
cover
2022-01-06
Hexo系列(三)| 整合全局音乐
Hexo系列(三)| 整合全局音乐1、hexo 目录下安装npm install –save hexo-tag-aplayer 2、修改 hexo 目录下 Hexo 配置文件_config.ymlaplayer: enable: true asset_inject: false 3、修改 hexo 目录下主题配置文件_config.butterfly.yml找到: aplayerInject aplayerInject: enable: true per_page: true 找到:pjax pjax: enable: true 找到:inject 在 bottom 里添加 inject: head: bottom: - '<div data-id="60198" data-server="netease" data-type="song" data-fixed="true" data-autoplay="true">...
cover
2021-09-05
Hexo系列(一)|基础配置
文章摘要开始 Hexo 中有两种形式添加摘要: 文章开头配置 description 在文章中直接添加 <!-- more --> 添加 descriptionHexo 每篇文章的开头可以表示文章的信息,其中可以添加 descrption 来表示正篇文章的摘要 --- title: Hexo 显示文章摘要 date: 2021-09-24 13:47:10 tags: Hexo categories: Hexo description: 显示文章摘要 # 这里表示添加文章摘要 --- 添加 more在文章的适当处直接添加 --- # 前言 > Hexo 默认的文章是全部展示,对于阅读的体验感很差,所以就需要对文章进行摘要显示部分文章内容 # Start > Hexo 中有两种形式添加摘要: > - 文章开头配置 `description` > - 在文章中直接添加 `<!-- more -->` <!-- more --> 效果 文章置顶🔝卸载默认的置顶方式$ npm uninstall...

评论
ValineGitalk
avatar
stormling
文章
42
标签
25
分类
21
Follow Me
公告
欢迎大家来到Stormling博客
目录
  1. 1. 前言
  2. 2. 简介
    1. 2.1. GitHub Pages 是什么?
    2. 2.2. Hexo 是什么?
    3. 2.3. Hexo + GitHub 文章发布原理
  3. 3. 部署
    1. 3.1. 连接Github
      1. 3.1.1. 创建 SSH 密匙
      2. 3.1.2. 添加密匙
      3. 3.1.3. 验证连接
    2. 3.2. 创建 Github Pages 仓库
    3. 3.3. 部署 Hexo 到 GitHub Pages
  4. 4. 问题汇总
    1. 4.1. git提示:warning: LF will be replaced by CRLF
    2. 4.2. 解决问题
    3. 4.3. 分析问题
    4. 4.4. 换行符‘\n’和回车符‘\r’
    5. 4.5. 影响
  5. 5. 参考:
最新文章
面向八股文面试专场
面向八股文面试专场2025-01-22
【每日早报】-2025-01-21 - 星期二
【每日早报】-2025-01-21 - 星期二2025-01-21
规则引擎 Drools 8+ 快速入门
规则引擎 Drools 8+ 快速入门2024-12-11
数据库系列(二) | Mybatis Plus 3.0+快速入门
数据库系列(二) | Mybatis Plus 3.0+快速入门2024-12-09
分布式系列(二) | Redisson分布式锁
分布式系列(二) | Redisson分布式锁2024-12-05
©2019 - 2025 By stormling
码农Stormling程序员,关注公众号【码农Stormling】回复【面试】获取最全面试pdf
搜索
数据加载中