title 搭建博客

title: 搭建博客

一,github注册

使用github来托管项目文件

仓库:即你的项目,你想在github上开源一个项目,就必须要新建一个Repository。

创建项目 项目名:用户名.github.io

搭建步骤:创建个人站点–新建仓库(注:仓库名必须是【用户名.github.io】)

个人站点

https://用户名.github.io
二,安装node

打开node官网

https://nodejs.org/en/

下载安装,点击Add to PATH选项,添加到环境变量

在这里插入图片描述
则安装完成。

安装完node后,就可以使用npm命令安装Hexo,输入:

npm install -g hexo-cli
三,安装git

通过git管理github托管项目代码

git是一个免费,开源的版本控制软件。

1,git基本工作流程

2.1,工作区(Working Directory) 添加,编辑,修改文件等

2.2,暂存区 暂存已经修改的文件最后统一提交到git仓库中

2.3,Git Repository(Git 仓库) 最终确定的文件保存到仓库,成为一个新的版本,并且对他人可见

a. 查看工作区和暂存区的文件。

git status

b. 把工作区的内容添加到暂存区

git add 文件名

c. 将暂存区的文件提交到仓库

git commit -m "提交描述"
2,实战演练

a,在文件目录下创建文件夹

mkdir 文件名

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-XnvwyuRn-1608973401234)(http://mkpt.gzmtu.edu.cn/meol/common/ckeditor/openfile.jsp?id=DBCPDCDCDHDFDJDHCPDDDGDFCOHAGOGH)]

b,在文件内初始化git(创建git仓库)

cd test
git init

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-XemYtQc0-1608973401236)(http://mkpt.gzmtu.edu.cn/meol/common/ckeditor/openfile.jsp?id=DBCPDCDCDHDFDJDJCPDDDGDGCOHAGOGH)]
c,向仓库添加文件

在这里插入图片描述

3,删除文件

a,删除工作区文件

rm -rf 1.php

b,删除暂存区文件

git rm 1.php

c,提交操作

git commit -m '提交描述'

在这里插入图片描述

4,Git初始化及仓库创建和操作

设置用户名

git config --global user.name '用户名'

设置用户名邮箱

git config --global user.email '用户邮箱'

查看设置

git config -list
5,Git管理远程仓库

a,使用远程仓库的目的

作用:备份,实现代码共享集中化管理

b,将本地仓库同步到git远程仓库中

git push

4,git克隆操作

目的:将远程仓库(对应的项目)复制到本地

git clone 仓库地址
四,githubSSH配置

GitHub配置SSH Key的目的是为了帮助我们在通过git提交代码时,不需要繁琐的验证过程,简化操作流程。

https://github.com/xiangshuo1992/preload.git
git@github.com:xiangshuo1992/preload.git

这两个地址展示的是同一个项目,前者是https url 直接有效网址打开,但是用户每次通过git提交的时候都要输入用户名和密码;后者是SSH URL,在通过git提交代码时,不需要验证过程。

1,检测是否存在SSH KEY

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-rttb6qpf-1608973401247)(http://mkpt.gzmtu.edu.cn/meol/common/ckeditor/openfile.jsp?id=DBCPDCDCDHDGDADECPDDDHDHCOHAGOGH)]

如果没有,则需要生成一下

ssh-keygen -t rsa -C "Github的注册邮箱"

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-bs6RdUiA-1608973401248)(http://mkpt.gzmtu.edu.cn/meol/common/ckeditor/openfile.jsp?id=DBCPDCDCDHDGDADFCPDDDHDICOHAGOGH)]

五,安装Hexo

Hexo就是我们的个人博客网站的框架。这里需要自己在电脑常里创建一个文件夹,可以命名为Blog,Hexo框架与以后你自己发布的网页都在这个文件夹中。

在创建的文件夹命令行下,使用npm命令安装Hexo,输入:

npm install -g hexo-cli

安装成功后,需要初始化我们的博客,输入:

hexo init 博客名
npm install #安装npm
hexo s -p 端口号 #本地运行
例:hexo s -p 5555

或者 hexo s  #会自动给你配置一个端口

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-gi45Nlsg-1608973401249)(http://mkpt.gzmtu.edu.cn/meol/common/ckeditor/openfile.jsp?id=DBCPDCDCDHDGDADJCPDDDHDJCOHAGOGH)]

Hexo常用命令

npm install hexo -g #安装Hexo
npm update hexo -g #升级
hexo init #初始化博客

命令简写
hexo n "我的博客" == hexo new "我的博客" #新建文章
hexo g == hexo generate #生成
hexo s == hexo server #启动服务预览
hexo d == hexo deploy #部署

hexo server #Hexo会监视文件变动并自动更新,无须重启服务器
hexo server -s #静态模式
hexo server -p 5000 #更改端口
hexo server -i 192.168.1.1 #自定义 IP
hexo clean #清除缓存,若是网页正常情况下可以忽略这条命令
六,发布网站

上面只是在本地预览,接下来要做的就是就是推送网站,也就是发布网站,让我们的网站可以被更多的人访问。在设置之前,需要解释一个概念,在blog根目录里的_config.yml文件称为站点配置文件

进入跟目录里的themes文件夹,里面也有个_config.yml文件,这个称为主题配置文件

下一步将我们的Hexo与GitHub关联起来,打开站点的配置文件_config.yml,翻到最后修改为:

deploy:
type: git
repo: 这里填入你之前在GitHub上创建仓库的完整路径,记得加上 .git
branch: master

的网站可以被更多的人访问。在设置之前,需要解释一个概念,在blog根目录里的_config.yml文件称为站点配置文件

进入跟目录里的themes文件夹,里面也有个_config.yml文件,这个称为主题配置文件

下一步将我们的Hexo与GitHub关联起来,打开站点的配置文件_config.yml,翻到最后修改为:

deploy:
type: git
repo: 这里填入你之前在GitHub上创建仓库的完整路径,记得加上 .git
branch: master

如图:image.png

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值