hexo+github手把手教你部署个人博客

news2024/11/27 2:30:05

一、安装并配置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、菜菜,错错,原谅~

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/51802.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

129页4万字某智慧能源集团数字化管控平台项目 建设方案

目录 数字化管控平台相关项目建议书 1 目录: 1 一、相关项目背景 2 二、需求理解 3 2.1 需求理解 3 三、方案设计 5 3.1 整体方案设计 7 3.3.1 整体架构 7 3.3.2 解决方案说明 8 3.3.3 需求应答 10 3.2 数据仓库 11 3.2.1 数据仓库架构 11 3.2.2 数据仓库产品说明 1…

springMVC01,【第一个springMVC例子(注解版):HelloWorld】

springMVC01,【第一个springMVC例子-注解版:HelloWorld】创建项目1.配置web.xml2.编写spring配置文件3.controller层3.1RequestMapping注解4.运行测试5.小结链接: springMVC01,springMVC的执行流程【第一个springMVC例子(XML配置版本)&#x…

一种多引擎可视化数据流实现方案

企业大数据处理的挑战 随着大数据时代的到来,数据量迅猛增长,给传统的分析技术带来了巨大的冲击和挑战,企业面临着大数据处理的巨大挑战。将复杂的大数据处理问题进行简化,以便企业有更多人能够进行大数据处理,进而整…

使用azure-data factory

data-fatory介绍 Azure Data Factory(简写 ADF)是Azure的云ETL服务,简单的说,就是云上的SSIS。ADF是基于云的ETL,用于数据集成和数据转换,不需要代码,直接通过UI(code-free UI&…

[附源码]SSM计算机毕业设计疫情防控期间人员档案追寻系统设计与实现论文JAVA

项目运行 环境配置: Jdk1.8 Tomcat7.0 Mysql HBuilderX(Webstorm也行) Eclispe(IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持)。 项目技术: SSM mybatis Maven Vue 等等组成,B/S模式 M…

操作系统实验5:信号量的实现与应用

写在最前的总结 下面的实验内容是在完整做完实验时候补充的,这里先把踩过的坑记录一下。 调试总结 先在Ubuntu上模拟生产者—消费者问题。这个实验分为两大部分,一个是实现信号量,另一个是验证信号量。对于第二个,建议先在Ubun…

银河麒麟 linux V10 安装JDK

1、安装JDK之前,先查看系统是否已安装JDK相关软件包: 2. 如果已经安装过,可以先卸载(可以跳过) 3. 下载并解压jdk包 # 将下载好的jdk压缩包解压到指定目录/usr/local/jdk8 mkdir /usr/local/jdk8 cp jdk-8u271-linu…

详解设计模式:享元模式

享元模式(Flyweight Pattern),是对象池的一种体现,也是 GoF 的 23 种设计模式中的一种结构型设计模式。 享元模式 主要用于减少创建对象的数量,以减少内存占用和提高性能。它提供了减少对象数量从而改善应用所需的对象…

[附源码]Python计算机毕业设计SSM跨移动平台的新闻阅读应用(程序+LW)

项目运行 环境配置: Jdk1.8 Tomcat7.0 Mysql HBuilderX(Webstorm也行) Eclispe(IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持)。 项目技术: SSM mybatis Maven Vue 等等组成,B/S模式 M…

二、Eureka服务注册与发现

Eureka服务注册与发现 Eureka基础知识 什么是服务治理 SpringCloud封装了Netflix公司开发的Eureka模块来实现服务治理。 在传统的RPC远程调用框架中,管理每个服务与服务之间依赖关系比较复杂、所以需要进行服务治理,管理服务与服务之间依赖关联&…

网上商店商城购物系统(asp.net,sqlserver,三层架构)

网上商店商城购物系统(asp.net,sqlserver,三层)(毕业论文10000字以上,程序代码,SqlServer数据库) 【运行环境】 VisualStudio SqlServer 代码下载: 链接:https://pan.baidu.com/s/1gzX_-Dzrt5jDHvQOCTN7qQ 提取码:8888 【项目包含内容…

Docker with IPV6

1、绪论 在 Docker 容器或群服务中使用 IPv6 之前,您需要在 Docker 守护进程中启用 IPv6 支持。之后,您可以选择对任何容器、服务或网络使用 IPv4 或 IPv6(或两者) 2、配置默认 Docker IPv6 注意:IPv6 网络仅在 Lin…

vue - vue使用webpack-bundle-analyzer进行代码打包的可视化数据分析

vue使用webpack-bundle-analyzer插件可以明确的看出每个文件模块的大小;常用来分析打包文件,优化代码等操作; 安装使用之后的效果如下:启动或打包项目,自动会在浏览器打开这个页面; 可以看出:右上角最蓝色的…

蓝牙学习五(广播包分析wireshark)

1.简介 软件工具:wireshark 硬件抓包工具:nrf52840 dongle 2.数据包分析 使用wireshark抓到的数据包分为两个部分,一部分是软件自己添加的内容,另一部分才是广播出来的数据。 2.1软件添加部分 软件添加的大部分内容可以不关注。这…

结构力学常用公式表,早晚用得到!

来源:360个人图书馆 常用截面几何与力学特征表​​​​​​​ 注: I 称为截面对主轴(形心轴)的截面惯性矩 (mm4)。基本计算公式如下: W称为截面抵抗矩 (mm),它表示截面抵抗弯曲变形能力的大小&#xff0c…

SQL29 计算用户的平均次日留存率

原题链接 【描述】 题目:现在运营想要查看用户在某天刷题后第二天还会再来刷题的平均概率。请你取出相应数据。 【示例】:question_practice_detail 【题目分析】摘自题解区"Reg333"的题解 所谓次日留存,指的是同一用户&#x…

4-3:点赞功能

点赞 点赞 支持对帖子、评论点赞。第1次点赞,第2次取消点赞。 首页点赞数量统计帖子的点赞数量。 详情页点赞数量统计点赞数量。显示点赞状态。 Redis缓存用于点赞功能,可以提高性能。(面向Key编程) 1.建立RedisKeyUtil.java p…

力扣刷题记录162.1-----127. 单词接龙

目录一、题目二、代码三、运行结果一、题目 二、代码 class Solution { public://广度优先搜索int ladderLength(string beginWord, string endWord, vector<string>& wordList) {int i,j;//将vector转换成unordered_st 提高查询速度 目前理解不深unordered_set&l…

如何判断对象是否是垃圾

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到网站。 我们都Java会自动进行内存管理&#xff0c;JVM会进行垃圾回收&#xff0c;哪它是怎么判定哪些是“垃圾”并决定“垃圾”的生死呢&#xf…

【allegro 17.4软件操作保姆级教程七】布线操作基础之二--铜皮操作

目录 1.1全局动态铜皮参数设置 1.2手动绘制铜皮 1.3手动挖铜 1.4 手动修改铜皮边界 1.5删除孤岛铜皮 1.6动/静态铜皮转换 1.7合并铜皮 1.8平面铺铜和铜皮分割 1.9铜皮颜色设置 今天分享布线操作技巧中的铜皮操作。 1.1全局动态铜皮参数设置 单板上的电源部分、铺地都…