hexo+github手把手教你部署个人博客
创始人
2024-03-07 11:35:58
0

一、安装并配置Node.js(原本就有安装)

参考:(1条消息) Node.js安装与配置(详细步骤)_普通网友的博客-CSDN博客_nodejs安装配置

一、下载Node.js官网下载

安装位置与环境变量配置 系统属性-环境变量-系统变量-Path

在这里插入图片描述

验证是否安装成功

在这里插入图片描述

2、修改npm全局下载位置(避免占用C盘内存)

原来的缓存地址:

在这里插入图片描述

在这里插入图片描述

在 nodejs 安装目录下,创建 “node_global” 和 “node_cache” 两个文件夹,但是原来的nodejs安装目录在C盘,所以在其他盘新建了

在这里插入图片描述

修改默认文件夹

在这里插入图片描述

加入变量-仅prefix的

在这里插入图片描述

测试是否成功-下载express,“-g”等同于“–global”,“-g” 是全局安装,不加“-g”就是默认下载到当前目录

在这里插入图片描述

在文件夹中可以看出express下载位置正确

在这里插入图片描述

3、设置镜像,下载速度更快

目前位置是官网

在这里插入图片描述

方法一、临时手动更改下载位置(存疑)

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

方法二、永久切换镜像(这里我没有修改)

切换:npm config set registry https://registry.npm.taobao.org/
检查是否成功:npm config get registry

4、全局下载cnpm

cnpm在安装一些软件时候会比较有优势。但是cnpm一般只用于模块安装,在项目创建与卸载等相关操作时仍使用npm

安装
在这里插入图片描述

检查 cnpm -v(原来下载的也有,但是在C盘,见图2)
在这里插入图片描述
在这里插入图片描述

二、安装并配置Git(顺带学一学基本命令)

!!!如果只奔着创建blog的可以只看1、2和4.2即可

1、下载https://git-scm.com/downloads

参考文献Windows系统Git安装教程(详解Git安装过程) - 学为所用 - 博客园 (cnblogs.com)

在这里插入图片描述

2、指定用户名和邮箱

git config --global 参数,有了这个参数,表示你这台机器上所有的Git仓库都会使用这个配置,当然你也可以对某个仓库指定的不同的用户名和邮箱

在这里插入图片描述

3、一些操作

Git使用教程,最详细,最傻瓜,最浅显,真正手把手教 - 知乎 (zhihu.com)

3.1 创建版本库/仓库(有弄过)

所有文件都可以被Git管理起来,每个文件的修改,删除,Git都能跟踪,以便任何时刻都可以追踪历史,或者在将来某个时刻还可以将文件”还原”

在这里插入图片描述

4、远程仓库

4.1生成SSH Key
位置见图2,id_rsa是私钥,不能泄露出去,id_rsa.pub是公钥,可以放心地告诉任何人

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

测试是否绑定成功

在这里插入图片描述

4.2在GitHub中增加**SSH Key setting-SSH and GPG Keys-NEW SSH key-填写信息(公钥)**即可

登录github,打开**” settings”中的SSH Keys页面,然后点击“Add SSH Key**”,填上任意title,在Key文本框里黏贴id_rsa.pub文件的内容

在这里插入图片描述

4.3 在GitHub创建仓库(本地已经创建)希望这两个仓库进行远程同步,这样github的仓库可以作为备份,又可以其他人通过该仓库来协作

在这里插入图片描述

在这里插入图片描述

4.4 把本地仓库的内容推送到GitHub仓库 先有本地库,后有远程库时候,如何关联远程库

创建关联 git remote add origin XXX

在这里插入图片描述

**推送 git push -u origin master **后续更新内容后可以再次推送,去掉-u

出现问题原因:网络问题

在这里插入图片描述

解决:换个时间就可以了—看起来跟没解决一样,但是,已经推过去了,见图2

在这里插入图片描述

在这里插入图片描述

4.5 克隆远程库

创建了一个新的仓库

在这里插入图片描述

克隆 git clone XXX,如图2可以看出成功了~~

在这里插入图片描述

在这里插入图片描述

5、创建、合并、删除分支

在Git里,这个分支叫主分支,即master分支。HEAD严格来说不是指向提交,而是指向master,master才是指向提交的,所以,HEAD指向的就是当前分支。

创建分支:git branch 分支名
切换分支/master:git checkout 分支名/master
创建并切换分支: git checkout -b 分支名
查看分支:git branch  #带星号表示当前在哪个分支
合并分支:git merge 分支名
删除分支:git branch -d 分支名

在这里插入图片描述

添加内容

在这里插入图片描述

提交内容出现问题

先touch一下,再cat一下,最后git add,再git commit  #存疑哈,瞎猫撞到死耗子
一些命令:
保存:git add 文件名
提交:git commit -m "描述"

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

合并分支,可以看出未合并前内容没有更新,合并后内容更新了,且推送到远程库,见图2图3

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

删除分支

在这里插入图片描述

三、hexo部署到GitHub

1、下载hexo并初始化

下载 npm install -g hexo

在这里插入图片描述

初始化 箭头所指英文☞可以用了

在这里插入图片描述

生成本地页面 ,链接为http://localhost:4000/,页面打开后如图2

在这里插入图片描述

在这里插入图片描述

2、上传gitbub

修改_config.yml,注意空格

在这里插入图片描述

在这里插入图片描述

注意!!!HxlLynn要和自己的github的用户名一样,.github.io.git不要变,在github建库时是红框完整部分,建库后要修改成如图2,这样才不会出现404的情况,参考:配置 GitHub Pages 站点的发布源 - GitHub Docs

在这里插入图片描述

在这里插入图片描述

3、安装自动部署工具

在这里插入图片描述

生成页面

在这里插入图片描述

上传

在这里插入图片描述

完成

在这里插入图片描述

四、简单美化

就是套用模板啦~

1、克隆主题

去https://hexo.io/themes/找自己喜欢的主题,找到主题后进入作者的github,找到链接

在这里插入图片描述

输入命令,git clone 主题链接 thems/主题名

在这里插入图片描述

修改主题名称

在这里插入图片描述

在这里插入图片描述

一键三连:hexo cl + hexo g + hexo d

2、修改个人信息

在这里插入图片描述

在这里插入图片描述

五、发布博客

第1、2两条命令后,可以下载个支持markdown的软件写文章,完事儿用第3条命令上传

npm i hexo-deployer-git
hexo new post "新建博客文章名"
hexo cl && hexo g  && hexo s  && hexo d

写在最后

1、为啥我的博客打不开了呢,因为我试图按照自己的想法去美化更多,于是崩了,,555,,,还没来得及重新弄
2、菜菜,错错,原谅~

相关内容

热门资讯

AWSECS:访问外部网络时出... 如果您在AWS ECS中部署了应用程序,并且该应用程序需要访问外部网络,但是无法正常访问,可能是因为...
AWSElasticBeans... 在Dockerfile中手动配置nginx反向代理。例如,在Dockerfile中添加以下代码:FR...
银河麒麟V10SP1高级服务器... 银河麒麟高级服务器操作系统简介: 银河麒麟高级服务器操作系统V10是针对企业级关键业务...
北信源内网安全管理卸载 北信源内网安全管理是一款网络安全管理软件,主要用于保护内网安全。在日常使用过程中,卸载该软件是一种常...
AWR报告解读 WORKLOAD REPOSITORY PDB report (PDB snapshots) AW...
AWS管理控制台菜单和权限 要在AWS管理控制台中创建菜单和权限,您可以使用AWS Identity and Access Ma...
​ToDesk 远程工具安装及... 目录 前言 ToDesk 优势 ToDesk 下载安装 ToDesk 功能展示 文件传输 设备链接 ...
群晖外网访问终极解决方法:IP... 写在前面的话 受够了群晖的quickconnet的小水管了,急需一个新的解决方法&#x...
不能访问光猫的的管理页面 光猫是现代家庭宽带网络的重要组成部分,它可以提供高速稳定的网络连接。但是,有时候我们会遇到不能访问光...
Azure构建流程(Power... 这可能是由于配置错误导致的问题。请检查构建流程任务中的“发布构建制品”步骤,确保正确配置了“Arti...