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中,看是否更新上去了,如果没有则需要手动输入,然后保存
完成这些后,浏览器直接输入你的域名就可以进入你的网站了
目录
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
这样就能在多台电脑上同步更新了