re:从零开始的hexo搭建个人博客(代码片段)

yulinlewis yulinlewis     2022-11-06     782

关键词:

本章讲的是如何将本地的个人项目远程部署到 GitHub Pages,涉及到GitHub的项目仓库、Git的使用,以及Hexo的远程部署等。

1. 安装 hexo-deployer-git 插件

想要将Hexo项目部署到 GitHub上,需要先安装一个插件。在Hexo项目的根目录打开命令窗口,输入:

npm install hexo-deployer-git --save

2. GitHub上创建一个仓库

仓库的名字可以随便起,不过这个仓库是作为我们的博客仓库的,所以尽量将名字以 username.github.io 的形式来起。

比如,我的GitHub用户名是lewky,我就会把这个仓库命名为lewky.github.io。(为什么要这样起名,后面会说明)

3. 修改本地的项目配置文件

在 _config.yml 找到如下:

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type:

把刚刚我们新建的GitHub仓库链接配置进来:

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: [email protected]:/user/repository.git
  branch: master
  message:

请注意,这里的仓库地址如果写成:https://github.com/user/repository.git可能会在后边的部署时无法成功,需要将https://github.com改成[email protected]:

另外这里的branch和message可以不填,branch会默认是master分支,message会默认用下边的格式模板:

Site updated:  now(‘YYYY-MM-DD HH:mm:ss‘) 

4. SSH key的创建与配置

最关键的一步来了,我们需要生成一对密钥对,然后将公钥配置到GitHub账号上。

4.1 生成RSA密钥对

首先使用 Git Bash 输入:

cd ~/.ssh

~ 指的是当前用户的根目录,即 C:\Users\user\;而 .ssh 目录下一般存放着公开的SSH key文件:

  • id_dsa.pub
  • id_ecdsa.pub
  • id_ed25519.pub
  • id_rsa.pub

此外还有个 known_hosts 文件,SSH会把我们每个访问过的计算机的公钥(public key)都记录在里面。

如果在使用了 cd ~/.ssh 后能找到路径,那就把该目录下的 id_rsa.pub 文件里的内容复制到剪切板。如果找不到路径,就执行命令:

ssh-keygen -t rsa -b 4096 -C "[email protected]"

该命令会生成新的SSH key,这里的参数含义:

-t: type,生成的密钥类型
-b: bits,指定密钥长度,对于RSA密钥,最小要求768位,默认是2048位。DSA密钥必须恰好是1024位,一般越长越安全。
-C: comment,提供一个新注释

接着会看到如下提示:

Enter file in which to save the key (/c/Users/123/.ssh/id_rsa):

这里按下回车,表示将SSH key保存到默认地址,即:C:\Users\user\

如果本身已经存在一个RSA私钥了,会提示你:

/c/Users/123/.ssh/id_rsa already exists.
Overwrite (y/n)?

这里输入 y 可以重新生成RSA密钥对;然后就会看到如下提示:

Enter passphrase (empty for no passphrase):

这里按下回车,表示不设置密码;接着会再提示你输入重复密码,依然是按下回车。

Enter same passphrase again:

这时候我们的SSH key就生成好了,去 ~/.ssh 目录下将里边的 id_rsa.pub 文件里的内容复制到剪切板。

4.2 在 GitHub 上配置SSH key

接着登陆我们的 GitHub 账号:

  • 进入 Settings 页面
  • 选择 SSH and GPG keys
  • 点击 New SSH key
  • 填写 Title(用来给公钥起一个名字,以便和其他的公钥区分开来)
  • 然后在 Key 里将我们刚刚复制的公钥复制进去
  • 最后点击 Add SSH key,这时候 GitHub 会要你输入账号密码进行确认。

4.3 验证ssh连接

使用 Git Bash 输入:

接着会看到:

The authenticity of host ‘github.com (192.30.253.112)‘ can‘t be established.
RSA key fingerprint is SHA256:nThbg6kXUpJWGl7E1IGOCspRomTxdCARLviKw6E5SY8.
Are you sure you want to continue connecting (yes/no)?

输入 yes,会看到:

Warning: Permanently added ‘github.com,192.30.253.112‘ (RSA) to the list of known hosts.
Hi lewky! You‘ve successfully authenticated, but GitHub does not provide shell access.

这时候 github.com的公钥被保存到known_hosts文件里,如果我们再执行一次ssh -T [email protected],就不需要输入yes了,会直接看到:

Hi lewky! You‘ve successfully authenticated, but GitHub does not provide shell access.

4.4 部署到 GitHub Pages

输入命令:

hexo d
或者
hexo g -d

后一条命令表示生成静态页面并部署到远处仓库,第一次部署会久一点,部署成功后会看到:

 * [new branch]      HEAD -> master
INFO  Deploy done: git

接着登陆 GitHub 并进入我们的项目仓库,可以看到已经多出了很多文件,且其 message 都是默认的格式:

Site updated:  now(‘YYYY-MM-DD HH:mm:ss‘) 

接下来点击 Settings 进入该仓库的设置页面,找到 Github Pages 这一项,选择以 Master 分支作为 source,然后保存;接下来这个仓库就会被部署到 https://username.github.io/仓库名

如果你希望直接通过 https://username.github.io/ 来访问你的博客,可以将仓库名改为 username.github.io;这样就不需要在url后边添加上仓库名来访问了。

接下来,开始享受你的个人博客吧 :)

hexo+butterfly键入在线聊天功能(代码片段)

前言推荐阅读基于Hexo从零开始搭建个人博客(一)基于Hexo从零开始搭建个人博客(二)基于Hexo从零开始搭建个人博客(三)基于Hexo从零开始搭建个人博客(四)基于Hexo从零开始搭建个人博客(五)基于Hexo从零开始搭建个人博... 查看详情

基于hexo从零开始搭建个人博客

...想看完整的效果,请移步个人站点。原文链接:基于Hexo从零开始搭建个人博客(六)阅读本篇前,请先阅读前几篇文章:基于Hexo从零开始搭建个人博客(一)基于Hexo从零开始搭建个人博客(二)基于Hexo从零开始搭建个人博客... 查看详情

从零开始建立一个属于你个人的hexo博客(代码片段)

从零开始建立一个属于你个人的Hexo博客Hexo是一个快速、简约且高效的博客框架。Hexo使用Markdown(或其他衬着引擎)解析文章,在几秒内,便可使用靓丽的正题生成动态网页。相形痴肥的WP来讲速率等确凿快很多。这里是以Linux下... 查看详情

github搭建hexo纯静态化个人博客平台(代码片段)

...的博客网站,样式自由,不需要受限于各大平台。本篇为从零开始的基础篇,本篇所包含的内容如下:安装Git安装NodeJs安装hexo生成SSH并添加到github部署项目上传到github绑定个人域名修改及配置主题添加RSS添加评论写文章部分开... 查看详情

从零开始部署到上线:手把手教你搭建属于自己的个人博客网站!(代码片段)

博客:其实博客的正式名称是网络日记,见名知意,是使用特定软件在网络上出版发表和张贴个人文章的人,或者是一种由个人管理不定期更新文章的网站。现在是互联网逐渐发展,已经出现了很多可以供自... 查看详情

使用hexo+githubpages搭建个人博客(代码片段)

...其实也是无关紧要的。  就在这各样的原因驱使下,便开始了搭建个人博客之路,第一次使用Hexo 查看详情

从0开始搭建个人博客网站(代码片段)

...上星期抽出了一点时间,参照羊哥的视频手把手教你从0开始搭建自己的个人博客|无坑版视频教程|hexo和各路大神的教程,搭建了自己的博客网站https://trace001.gitee.io在这里分阶段记录一下搭建的整个过程介绍一下搭建环境搭建环... 查看详情

从零开始搭建solo个人博客系统(代码片段)

目录1.博客系统的搭建流程2.服务器选购2.1阿里云学生主机2.2普通云主机3.域名购买与备案(可选)3.1域名购买3.2域名服务器备案3.3域名服务器解析4.solo安装4.1本地试用5.安装nginx(可选)6.配置ssl证书(可选)6.1证书选购6.2配置ngi... 查看详情

在coding上搭建hexo个人博客(代码片段)

...hexo脚手架$npminstall-ghexo-cli建站安装完Hexo后,就可以正式开始建站了。在终端中输入以下内容:$mkdirHexo$hexoinitHexo$cdHexo$npminstall其中,Hexo是文件夹的名字,可以修改。修改_config.yml文件在本地浏览自己的博 查看详情

使用hexo,materialtheme以及githubpages搭建个人博客(代码片段)

title:使用Hexo,MaterialTheme以及GithubPages搭建个人博客date:2019-04-2900:05:50tags:其他---准备条件Node.jsnpmGitGitHub账号开始搭建hexoinitBlogcdBlognpminstallhexo-deployer-git--savenpminstallhexo-materialcpnode_modules/hexo 查看详情

hexo搭建个人博客—前期准备(代码片段)

...建出个人域名而又Geek的独立博客?,得到了浇灌的萌芽开始茁壮生长。经过几天不懈的没日没夜的努力,解决了各种问题(ps:因为一个bug曾让我一度对自己感到绝望),终于把自己的博客 查看详情

hexo从零开始到搭建完整转

http://visugar.com/2017/05/04/20170504SetUpHexoBlog/ 阅读数量:2755次lookme交流群有相关问题的可进群提问,Hexo交流群:111868326(其他的前端问题也可以交流)前言其实平时自己写的文章并不多,偶尔看到一些东西会做点笔记,但是每次... 查看详情

hexo+githubpages搭建个人博客(代码片段)

...因为长时间荒废,学习和记录目的都没有达到,这里重头开始记录。一是警醒自己,二是作为记录以便查阅。主要步骤:1.github个人代码仓库配置git配置设置user.name和user.email配置信息gitconfig--globaluser.name"github用户名"gitconf... 查看详情

hexo+butterfly+github+coding搭建个人博客(代码片段)

Hexo+Butterfly+Github+Coding搭建个人博客背景之前用docsify搭建了一个简单的博客,但是docsify主题较少(也可能本人没有找到正确的设置方法⊙﹏⊙‖∣),没有自己很喜欢的主题。于是,在近期,利用空闲的时间,用Hexo重新搭建了一个... 查看详情

搭建个人博客github+hexo(代码片段)

...各位大神(后面会贴出参考资料)不做过多介绍了,快速开始准备安装软件依次安装1、Node.js2、Git注册github访 查看详情

从零开始搭建自己的个人博客(代码片段)

演示地址:https://lilli_jingjing.gitee.io/blog/效果图:1、准备一台可以联网的电脑【我以机房电脑为例】2、下载nodeJs【我们去下载12版本的,高版本会伴随一些小问题】下载成功后,双击进行安装,一直点下一步即... 查看详情

hexo搭建个人博客(代码片段)

写这篇的主要目的是记录自己在windows下使用Hexo+next搭建博客的一个过程,简便搭建小教程。本文使用环境(win10、node.js、git、next5.1.4、阿里云Centos7、阿里云购买的域名、nginx)站点配置站点搭建使用Hexo,需要安装node.js(官方建... 查看详情

从零开始的个人网站的搭建记录(代码片段)

2020.01.09.22.52开始有想法去继续做一下我的个人网站,网站的目的其实一直有想好,想要做一个自己的博客网站;不打算去买网上现成的装好博客环境的服务器,准备从云服务器开始;赵小肆的网站准备工作step1服务器买了一年的... 查看详情