教你十分钟搭建博客,已在多台电脑测试,无坑

2023-05-16

1、前期工作

1、注册Github账号

官网地址:GitHub

2、下载安装git

Git软件下载地址:Git - Downloading Package (git-scm.com) 

安装的话一直点next就可以了

3、绑定电脑本地和github账号

右键打开Git bash here 输入指令

ssh-keygen -t rsa -C "xxxx@xxx.com" #你的邮箱地址

一直按回车就可以了,如果已有的话会提示已存在。

然后根据上面的路径,在目录下找到id_rsa.pub文件,用记事本打开并复制字符串。

然后点开github个人主页找到Settings选项,点进去 

找到SSH and GPG keys,点击旁边的绿色按键新建一个密钥,名字随便取,把复制的字符串输进去就可以了。这样就完成了你的电脑和github账号的绑定。

2、创建博客

 1、安装nodejs

软件下载地址:Node.js (nodejs.org)

下载最新版的软件,安装也是一直点默认就可以

安装完成后可以在cmd窗口输入命令检查是否安装成功

node -v

npm -v

2、设置npm在安装全局模块时的路径和环境变量

在软件安装路径下创建两个文件node_cache、node_global

并在node_global文件下创建node_modules文件夹

打开cmd命令行,输入以下命令

npm config set prefix "D:\Program Files\nodejs\node_global"

npm config set cache "D:\Program Files\nodejs\node_cache"

接着设置系统环境变量

 在系统变量里新建一个变量NODE_PATH,

值为D:\Program Files\nodejs\node_global\node_modules

在用户变量里把相应npm的路径改为:D:\Program Files\nodejs\node_global

接着在cmd命令行下执行

npm install webpack -g

 

如果出现报错,则将nodejs权限设置为完全控制 

 

再次输入命令就不会报错了。 

3、创建github仓库

输入Repositort name名字,格式为用户名+github.io,我这里因为已经创建,就不能再用这个名字了,输入完直接点最下方的Create repository创建就行了

4、安装hexo

先创建一个空的文件夹Blog(名字随便取)

进入这个文件夹,右键打开Git bash here,输入命令安装hexo

npm install -g hexo-cli

安装完成后,输入 hexo init 命令初始化

然后输入 hexo g 静态部署

这时网页已经部署完成,输入 hexo s 命令可以查看:

浏览器输入http://localhost:4000/,就可以看到部署的网页

5、将hexo部署到github

 在当前页面下用记事本打开_config.yml文件

拉到最下面,添加以下内容

deploy:

  type: git

  repository: https://github.com/yuansec11/yuansec11.github.io.git  #你的仓库地址

  branch: master

 

 如果不清楚仓库地址,可以直接复制这个

然后回到 Blog 文件夹中,打开 Git Bash,安装Git部署插件,输入命令:

npm install hexo-deployer-git --save

然后分别输入以下三条命令:

hexo clean   #清除缓存文件 db.json 和已生成的静态文件 public

hexo g       #生成网站静态文件到默认设置的 public 文件夹(hexo generate 的缩写)

hexo d       #自动生成网站静态文件,并部署到设定的仓库(hexo deploy 的缩写)

如果hexo d报错,直接输入提示信息的两条指令,然后再次输入hexo d就可以了

完成以后,打开浏览器,输入 https://xxx.github.io 就可以打开你的网页了

3、更换域名

1、购买域名

首先到阿里云购买域名

网页地址:域名_域名查询_域名注册_.com_.cn-阿里云 (aliyun.com)

 

本人使用的是.top后缀的域名

2、解析域名

 购买域名后,点击右上角的控制台,找到域名,点击解析

 需要添加两条记录

第一条选择A类型,记录值填写你github账号的ip

如果不知道你的github账号的ip,可以使用cmd命令

Ping 用户名+github.io

上面出现的ip就是你的github账号的ip

第二条记录选择CNAME类型,主机记录填www,记录值填写:用户名+github.io

3、添加CNAME

在当前目录下找到source文件夹,点进去,新建一个文本文件,命名为CNAME

用记事本打开,输入你购买的域名

回到 Blog 文件夹,右键打开 Git Bash here,依次输入下面三条命令:

hexo clean

hexo g

hexo d

注:后续博客更新都是在这个目录下输入这三条命令。

接着回到你的github主页,到Settings下的Pages中,看是否更新上去了,如果没有则需要手动输入,然后保存

完成这些后,浏览器直接输入你的域名就可以进入你的网站了 

目录

一、前期工作

1、注册Github账号

3、绑定电脑本地和github账号

2、创建博客

 1、安装nodejs

2、设置npm在安装全局模块时的路径和环境变量

3、创建github仓库

4、安装hexo

5、将hexo部署到github

3、更换域名

1、购买域名

2、解析域名

3、添加CNAME

4、在多台电脑上使用博客

1、创建github分支

3、部署本地分支

4、其他电脑获取部署环境

5、多台电脑同步更新 


4、在多台电脑上使用博客

1、创建github分支

新建一个分支,这里取名为hexo

然后依次点击Settings->Branches

将默认分支修改为hexo

2、将分支克隆到本地

先建一个文件夹,进入这个文件夹,右键打开Git bash here,输入指令

git clone https://github.com/yuansec11/yuansec11.github.io.git #分支地址

克隆成功后会生成一个文件,名为:用户名+github.io

进入这个文件,可以输入命令git branch查看

 

3、部署本地分支

 先将原文件Blot下的所有文件复制到 用户名+github.io文件下

注意:要把themes文件下的.git文件删掉,不然无法提交

 接着执行

git add .

git commit -m 'back up hexo files'(引号内容可改)

git push

就可以将部署环境提交到分支

4、其他电脑获取部署环境

完成以上部分后,就可以在其他电脑上同步完成更新了

在其他电脑上先按上述的步骤,把软件和环境搭好

包括:第一章:1、2、3点,第二章:1、2点

首先建一个空文件夹,将hexo分支克隆到本地(同四.2)

git clone https://github.com/yuansec11/yuansec11.github.io.git #分支地址

克隆成功后会生成一个文件,名为:用户名+github.io

进入这个文件,注意此时这个目录下是没有node_modules这个文件的

需要输入命令

npm install

安装完成后就会有这个文件了。

要注意的是,如果你有用主题的话,需要重新下载,因为四.3那里将主题给删掉了。

5、多台电脑同步更新 

假如你同时使用多台电脑,那么每台电脑开始使用的时候,都需要先执行

git pull origin hexo

#origin 本地分支名,创建时默认叫origin

#hexo github上的分支名,我这里叫hexo

每次修改部署环境后,最好都要将新的部署上传

git add .

git commit -m 'back up hexo files'(引号内容可改)

git push

这样就能在多台电脑上同步更新了

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

教你十分钟搭建博客,已在多台电脑测试,无坑 的相关文章

随机推荐

  • 一文简单介绍眼图

    搞通信行业的 xff0c 经常要关注信号的传输质量 xff0c 近几年开始出现了一个新的名词 xff0c 叫眼图 xff0c 可以非常直观的体现出信号传输的情况 那么 xff0c 什么是眼图 xff0c 怎么解读眼图 xff0c 下面就为大
  • 下一代CAN通信技术CAN XL简介

    众所周知 xff0c CAN网络具有易于实现 可扩展 并支持复杂拓扑结构等诸多优点 xff0c 所以目前在各个行业特别是汽车领域 xff0c 得到了非常广泛的应用 但是 xff0c 它也存在着诸多问题 xff0c 其中最大的一点就是总线带宽
  • 聊一下质量管理体系中的DQE/SQE/PQE/CQE

    最近接触了不少质量体系的话题 xff0c 反复的听到SQE DQE等 xff0c 大概知道是跟质量管理相关的一些职位 xff0c 但是具体也不是很清楚 xff0c 于是干脆来理一下 正式开始之前 xff0c 先要介绍一下他们的老祖宗 xff
  • C语言字符串库函数 #include <string.h>

    c语言字符串库函数 include lt string h gt 在头文件 lt string h gt 中定义了两组字符串函数 第一组函数的名字以str开头 xff1b 第二组函数的名字以mem开头 只有函数memmove对重叠对象间的拷
  • gcc编译动态库静态库及Makefile知识汇总;

    gcc编译 动态库静态库及Makefile知识汇总 gcc编译过程gcc的常用选项静态库 xff0c 动态库并制作 xff1b Makefile 基本使用make工具简介 gcc编译过程 我们在Linux下使用vim命令写的 c文件 xff
  • 简单学习一下Linux中的环境变量

    环境变量 最近在学习Linux下的C程序编写 xff0c 在运行可执行程序的时候有个问题就是链接的问题 xff0c 最后通过学习才知道是因为环境变量没有设置好 xff1b 环境变量在进行linux开发过程中经常碰到 xff0c 那什么是环境
  • STM32-ESP8266wifi模块实现

    1 ESP8266WiFi模块介绍 1 1ESP8266wifi 模块 低功耗串口WiFi模块ESP8266内置一个Tensilica xff08 泰思立达 xff09 Xtensa架构的32位处理器L106 xff0c 具有5级流水线 A
  • ESP8266WiFi模块实现代码

    ESP8266WiFi模块实现TCP连接服务器 在前面的博客里 xff08 STM32 ESP8266wifi模块实现 xff09 说到了通过AT命令配置ESP8266实现TCP连接 他的流程是 xff0c 1 xff0c 使能串口 xff
  • 2021-05-14 Redis面试题 redis 部署生产环境

    redis 部署生产环境 redis cluster xff0c 10 台机器 xff0c 5 台机器部署了 redis 主实例 xff0c 另外 5 台机器部署了 redis 的从实例 xff0c 每个主实例挂了一个从实例 xff0c 5
  • 实现Basic认证

    Basic认证是一种较为简单的HTTP认证方式 xff0c 客户端通过明文 xff08 Base64编码格式 xff09 传输用户名和密码到服务端进行认证 xff0c 通常需要配合HTTPS来保证信息传输的安全 Maven依赖 lt par
  • STM32的串口空闲中断

    STM32串口使用DMA方式接收数据可以减小CPU的开销 对于接收定长数据 xff0c 可以将DMA接收缓冲区的长度设定为待接收数据的长度 xff0c 这样利用DMA的传输完成中断DMAx IT TCy就可以知道已经接收了一帧数据 对于接收
  • C#完整的通信代码(点对点,点对多,同步,异步,UDP,TCP)

    C code namespace UDPServer class Program static void Main string args int recv byte data 61 new byte 1024 构建TCP 服务器 得到本机
  • http digest认证(Java server)

    背景 xff1a 服务器接收客户端请求 xff0c 处理并验证 并返回服务器的验证结果 关于digest认证的相关概念及验证原理查看相关的说明 xff0c 此处只对处理进行贴码 CODE import com alibaba fastjso
  • 测试apache时出现[error] [client 192.168.6.1] File does not exist: /etc/httpd/htdocs

    问题 xff1a 测试apache时出现 error client 192 168 6 1 File does not exist etc httpd htdocs 解决方法 xff1a 1 创建文件夹htdocs xff08 etc ht
  • HAL库 STM32 串口通信函数

    HAL UART Receive IT串口 xff01 HAL UART Receive IT amp UART1 Handler u8 aRxBuffer RXBUFFERSIZE HAL UART Receive IT函数使用的时候 简
  • linux环境下安装QT超详细

    QT安装 1 首先下载QT安装包 QT官网 xff1a Index of archive qt 我这里使用的是qt opensource linux x64 5 14 0 run版本 2 打开终端 xff0c 输入命令 xff0c 赋予安装
  • 使用ssh连接虚拟机保姆级教程

    首先安装SSH 安装先检测是否已经安装SSH xff1a service ssh status 如果出现提示 xff1a ssh unrecognized service 说明没有安装openSSH xff0c 则需安装ssh SSH 服务
  • 小游戏2048设计思路超简单

    2048作为一个经典的小游戏 xff0c 对于C语言的逻辑练习是一个比较好的案例了 xff0c 看似很复杂 xff0c 但是如果掌握了设计思路 xff0c 那么就不会觉得难了 xff0c 而且会了这个之后对今后编程的也会有很大的帮助 先分析
  • ES-Elasticsearch查看所有索引及查看某索引下的信息

    1 查看所有索引 xff0c 地址栏直接访问下面的连接 http localhost 9200 cat indicesv amp pretty 2 查看某索引下存的信息 xff0c 查询的信息为索引结构信息 xff08 indexName为
  • 教你十分钟搭建博客,已在多台电脑测试,无坑

    1 前期工作 1 注册Github账号 官网地址 xff1a GitHub 2 下载安装git Git软件下载地址 xff1a Git Downloading Package git scm com 安装的话一直点next就可以了 3 绑定