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

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

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

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值