热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

github仓库的ssh_手把手教你使用Hexo+Github搭建个人博客!

搭建自己的技术博客有很多种技术方案,我知道的有Hexo,jeklly,vuepress等。在此我通过使用Hexo并结合Github手把手教大家搭建自己的个人博客。让我

搭建自己的技术博客有很多种技术方案,我知道的有 Hexo, jeklly, vuepress 等。在此我通过使用 Hexo 并结合 Github 手把手教大家搭建自己的个人博客。让我们一起来看看吧!

1. Hexo简介

Hexo 是一款基于 Node.js 的静态博客框架。Hexo 使用 Markdown 解析文章,用户在本地安装Hexo并进行写作,通过一条命令,Hexo即可利用靓丽的主题自动生成静态网页。

参考链接: Hexo-Github地址 Hexo帮助文档

2. Hexo安装

实验环境:Windows 10 64-bit。 安装 Hexo 相当简单,只需要先安装下列应用程序即可:

- Node.js (版本需不低于 8.10,建议使用 Node.js 10.0 及以上版本)

- Git

如果你的电脑中尚未安装所需要的程序,请根据以下安装指示完成安装。

2.1 安装 Node.js

Node.js 下载地址

6709fb1379fed05dec01a01e360f9809.png

下载稳定版本就可以。下载完成无特殊要求默认安装即可,一般不会出现问题。

2.2 安装 Git

Git 下载地址

ebc42befe32e763f1aa82e87187d93c3.png

下载完成无特殊要求默认安装即可,一般不会出现问题。这里有一点需要注意的是,在下图这一步骤如果选择第一项,则安装完成后会出现: 'git'不是内部或外部命令,也不是可运行的程序或批处理文件错误,此时需要手动添加相关路径到系统环境变量中即可解决。

具体为: C:XXXGitbin C:XXXGitmingw64libexecgit-core

148746ee18035b0c88f9e4c07f7227cc.png

检查 Node 跟 Git 版本:

$ node -v
v10.20.1$ git --version
git version 2.25.0.windows.1

2.3 安装 Hexo

Git 和 Node.js 都安装好后,接下来在本地安装 Hexo,为了避免安装失败,需要切换到阿里云的 NPM 镜像:

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

创建一个用于存放博客文件的文件夹,如 /hexo/blog,然后进入 blog 文件夹全局安装并初始化 Hexo,右键选择 Git Bash Here ,弹出Git Bash窗口。执行命令:

$ cnpm install -g hexo-cli
$ hexo init

安装完成后,指定文件夹的目录如下:

├── _config.yml
├── package.json
├── scaffolds
├── source
| ├── _drafts
| └── _posts
└── themes

其中_config.yml文件用于存放网站的配置信息,你可以在此配置大部分的参数;scaffolds是存放模板的文件夹,当新建文章时,Hexo会根据scaffold来建立文件;source是资源文件夹,用于存放用户资源,themes是主题文件夹,存放博客主题,Hexo 会根据主题来生成静态页面。

在Git Bash终端执行命令,生成静态博客文件:

$ hexo g
$ hexo s
INFO Start processing
INFO Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.

Hexo 将 source 文件夹中的 Markdown 和 HTML 文件解析并放到 public 文件夹中,public 文件夹用于存放静态博客文件,相当于网站根目录。至此博客雏形基本完成,在浏览器中访问http://localhost:4000/,如图所示:

bad2f756afd09bb255860daf60d3e24f.png

3. 将 Hexo 部署到 GitHub

3.1 新建 Git 仓库

仓库名必须为 http://username.github.io 格式,其中 username 是你 GitHub 的用户名。

2dd5ae6759b87d2aeb1ecd98e45feee2.png

按照下图找到自己 Github 的用户名:

443bac0c90d2e162895050ce513c7489.png

3.2 部署

快速在项目根目录下找到 _config.yml,找到 deploy 字段并填写完整。

deploy:type: gitrepo: 你的仓库地址branch: master

这里注意,为了避免出现错误,我把 _config.yml 中的 Git 仓库链接改成了 SSH 链接,然后又给 Git 账户增加了 ssh key

具体方法如下:

要使用自动部署首先要安装 hexo-deployer-git 工具:

$ npm install hexo-deployer-git --save

配置_config.yml中的deploy:

deploy:type: gitrepo: git@github.com:your_github_user_name/your_github_user_name.github.io.gitbranch: master

注意:这里的 repo 需要设置成你 Git 仓库的 SSH 链接。

命令行中输入:

$ ssh-keygen -t rsa -C youremail(换成你的邮箱地址)

生成 ssh key。接着出现的一些步骤都可以回车跳过,如下图:

f7e90dd140d94f18b9b3db2c9798e1d9.png

这样在 C/Users/Administrator/.ssh/id_rsa.pub 文件中就生成了公钥。打开 id_rsa.pub 文件将一整串公钥拷贝下来,进入你的 Github 账户设置,在 ssh and GPG keys 中新增一个 ssh key 配置 Github 账户的 ssh key,如下图:

22978e39fb213deb3eab893f49daa838.png

把刚刚拷贝出来的公钥粘贴到 key 中,title 放空就好,如下图:

79b4e59ab6f2094c4f0830079c8d378f.png

验证 ssh key:

$ ssh -T git@github.com

出现下面的语句说明你的 ssh key 已经配置好了:

Hi XXX! You've successfully authenticated, but GitHub does not provide shell access.

初始化本地 Git 仓库,设置 Git 的 user name 和 email:

$ git config --global user.name "XXX"(换成你的用户名)
$ git config --global user.email "XXX"(换成你的邮箱地址)

在本地的 hexo init 生成的文件夹中初始化 Git 仓库:

$ git init

将本地仓库和远程仓库连接(这一步骤可以不做):

$ git remote add origin git@github.com:your_github_user_name/your_github_user_name.github.io.git(远程仓库ssh地址)

做完以上这些步骤,说明你的仓库可以使用 SSH 方式来上传下载代码,也不需要输入用户名和密码了。最后进行网站部署,如下:

$ hexo clean //清除缓存文件db.json和已生成的静态文件public
$ hexo g //生成网站静态文件到默认设置的public文件夹
$ hexo d //部署网站到设定的仓库

部署成功后会提示:

a504c3d2bb3c4936079fe345fb585663.png

这样你的 Hexo 博客就部署到了 Github page 上了!

至此,使用 Hexo+Github 搭建个人博客的整个过程及问题解决方法到此结束,关于对个人博客进行美化、设计等内容我将会再写一篇CSDN博客予以说明,各位小伙伴如果遇到问题请在评论区留言,我会及时回复帮助你解决!



推荐阅读
  • 本文由编程笔记#小编为大家整理,主要介绍了markdown[软件代理设置]相关的知识,希望对你有一定的参考价值。 ... [详细]
  • r2dbc配置多数据源
    R2dbc配置多数据源问题根据官网配置r2dbc连接mysql多数据源所遇到的问题pom配置可以参考官网,不过我这样配置会报错我并没有这样配置将以下内容添加到pom.xml文件d ... [详细]
  • Windows 7 部署工具DISM学习(二)添加补丁的步骤详解
    本文详细介绍了在Windows 7系统中使用部署工具DISM添加补丁的步骤。首先需要将光驱中的安装文件复制到指定文件夹,并进行挂载。然后将需要的MSU补丁解压并集成到系统中。文章给出了具体的命令和操作步骤,帮助读者完成补丁的添加过程。 ... [详细]
  • 大坑|左上角_pycharm连接服务器同步写代码(图文详细过程)
    篇首语:本文由编程笔记#小编为大家整理,主要介绍了pycharm连接服务器同步写代码(图文详细过程)相关的知识,希望对你有一定的参考价值。pycharm连接服务 ... [详细]
  • DockerDataCenter系列(四)-离线安装UCP和DTR,Go语言社区,Golang程序员人脉社 ... [详细]
  • 如何去除Win7快捷方式的箭头
    本文介绍了如何去除Win7快捷方式的箭头的方法,通过生成一个透明的ico图标并将其命名为Empty.ico,将图标复制到windows目录下,并导入注册表,即可去除箭头。这样做可以改善默认快捷方式的外观,提升桌面整洁度。 ... [详细]
  • Centos7.6安装Gitlab教程及注意事项
    本文介绍了在Centos7.6系统下安装Gitlab的详细教程,并提供了一些注意事项。教程包括查看系统版本、安装必要的软件包、配置防火墙等步骤。同时,还强调了使用阿里云服务器时的特殊配置需求,以及建议至少4GB的可用RAM来运行GitLab。 ... [详细]
  • HDFS2.x新特性
    一、集群间数据拷贝scp实现两个远程主机之间的文件复制scp-rhello.txtroothadoop103:useratguiguhello.txt推pushscp-rr ... [详细]
  • imx6ull开发板驱动MT7601U无线网卡的方法和步骤详解
    本文详细介绍了在imx6ull开发板上驱动MT7601U无线网卡的方法和步骤。首先介绍了开发环境和硬件平台,然后说明了MT7601U驱动已经集成在linux内核的linux-4.x.x/drivers/net/wireless/mediatek/mt7601u文件中。接着介绍了移植mt7601u驱动的过程,包括编译内核和配置设备驱动。最后,列举了关键词和相关信息供读者参考。 ... [详细]
  • 本文介绍了如何使用C#制作Java+Mysql+Tomcat环境安装程序,实现一键式安装。通过将JDK、Mysql、Tomcat三者制作成一个安装包,解决了客户在安装软件时的复杂配置和繁琐问题,便于管理软件版本和系统集成。具体步骤包括配置JDK环境变量和安装Mysql服务,其中使用了MySQL Server 5.5社区版和my.ini文件。安装方法为通过命令行将目录转到mysql的bin目录下,执行mysqld --install MySQL5命令。 ... [详细]
  • 本文介绍了在Ubuntu下制作deb安装包及离线安装包的方法,通过备份/var/cache/apt/archives文件夹中的安装包,并建立包列表及依赖信息文件,添加本地源,更新源列表,可以在没有网络的情况下更新系统。同时提供了命令示例和资源下载链接。 ... [详细]
  • 在package.json中有如下两个对象:husky:{hooks:{pre-commit:lint-staged}},lint-staged:{src** ... [详细]
  • 微信民众号商城/小顺序商城开源项目介绍及使用教程
    本文介绍了一个基于WeiPHP5.0开发的微信民众号商城/小顺序商城的开源项目,包括前端和后端的目录结构,以及所使用的技术栈。同时提供了项目的运行和打包方法,并分享了一些调试和开发经验。最后还附上了在线预览和GitHub商城源码的链接,以及加入前端交流QQ群的方式。 ... [详细]
  • 【前端工具】nodejs+npm+vue 安装(windows)
    预备先看看这几个是干嘛的,相互的关系是啥。nodejs是语言,类比到php。npm是个包管理,类比到composer。vue是个框架&# ... [详细]
  • 从壹开始前后端分离【 .NET Core2.0 +Vue2.0 】框架之六 || API项目整体搭建 6.1 仓储模式
    代码已上传Github+Gitee,文末有地址  书接上文:前几回文章中,我们花了三天的时间简单了解了下接口文档Swagger框架,已经完全解放了我们的以前的Word说明文档,并且可以在线进行调 ... [详细]
author-avatar
儒志楼
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有