为什么要搭建自己的博客:https://blog.csdn.net/weixin_45606067/article/details/107966915
下面说一下如何从零开始上手搭建博客。
Hexo搭建博客步骤:
搭建博客需要有Linux,Git,以及能看懂简单的CSS代码的基础。
- 安装Git
- 安装Node.js
- 安装Hexo
- GitHub创建个人仓库
- 生成SSH添加到GitHub
- 将hexo部署到GitHub
初学者完成部署博客
Hexo 简介
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
Hexo 是一个基于Node.js的静态博客框架,可以把生成的静态网页托管到GitHub 上进行管理,而且Hexo搭建博客遇到问题查阅的资料多。大家也可以查看Hexo官网:传送门
对于初学者我们可以把自己搭建的项目托管到Github上管理,如果有需要的话可以去阿里买一个自己的服务器管理。
1、安装 Git
Git是分布式版本控制系统,那么它就没有中央服务器的,每个人的电脑就是一个完整的版本库,这样,工作的时候就不需要联网了,因为版本都是在自己的电脑上。既然每个人的电脑都有一个完整的版本库,那多个人如何协作呢?比如说自己在电脑上改了文件A,其他人也在电脑上改了文件A,这时,你们两之间只需把各自的修改推送给对方,就可以互相看到对方的修改了。
大家想系统学习一下Git 教程的,可以看我的博客,写的很详细:传送门
windows:可以到 Git 官网进行下载安装,Download git,官网下载太慢,我们可以使用 淘宝镜像 下载,安装完后右键鼠标会有一个Git Bash的命令行工具,他具体的语法就和 Linux 操作一样。
安装好Git后, 用git --version
命令查看一下对应的版本。
2、安装 Node.js
Hexo是基于Nodejs编写的,所以需要 Nodejs 和 npm 工具。
Windows:Node.js 为大多数平台提供了官方安装包,可以前往 淘宝 Node.js 镜像下载。
安装好后,在git bash下执行以下命令:
node -v
npm -v
作用就是检测一下Nodejs有没有安装过成功。
3、安装Hexo
前面我们已经安装好 Git和Nodejs ,下面我们就可以用 git bash
命令行安装Hexo了,首先我们下载taobao提供的镜像以及cnpm
并安装
输入命令:
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm
cnpm -v
cnpm install -g hexo-cli
使用 hexo -v
查看一下版本
然后我们创建一个文件夹(blog),然后进入到文件夹下。(这里我把文件夹创建在E盘,所以我先进入E盘)
输入命令:
cd e:
mkdir blog
cd blog/
我们可以使用 pwd
命令查看当前所在位置。
此时我们安装就全部完成了。
接下来我们初始化一下Hexo
hexo init
blog 文件结构:
注意:如果你初始化的过程中长时间卡住不动,只缺少 node_modules文件夹
的话,可以终止命令,之后运行npm install
命令即可。
新建完成后,文件夹目录下有:
- node_modules: 依赖包
- public:存放生成的页面
- scaffolds:生成文章的一些模板
- source:用来存放你的文章
- themes:主题
- ** _config.yml: 博客的配置文件
此时我们就可以启动Hexo服务
hexo s
在浏览器输入 localhost:4000
就可以看到你生成的博客了。说明的是此时的博客是我们在本地服务,在别的服务器是 无法访问到的,所以我们就需要把我们的博客上传到 Github
上 以方便管理。
注意:本地服务使用ctr+c
关闭服务。
4、GitHub创建个人仓库
首先,你需要有一个自己的 Github 账号,没有的可以去注册。
注册完登录后,我们去New repository
,新建仓库。
注意:创建一个和你用户名相同的仓库,后面加.github.io
,只有这样,将来要部署到GitHub page的时候才会被识别,也就是xxxx.github.io
,其中 xxx 就是你注册GitHub的用户名。
点击 create repository 即可。
5、生成SSH添加到GitHub
这里如果看过我的 Git 博客 的安装说明,第5点就不用再配置了。
如果没有,可以回到你的 git bash 中输入以下命令:
git config --global user.name "yourname"
git config --global user.email "youremail"
这里的yourname输入你的GitHub用户名,youremail输入你GitHub的邮箱。这样GitHub才能知道你是不是对应它的账户。
可以通过这条命令检测一下你有没有输入正确:
git config --global --list
然后我们创建SSH
ssh-keygen -t rsa -C "youremail"
这是我们就可以在C盘用户下面看到一个.ssh
的文件夹。
ssh说明:简单来讲,就是一个秘钥,其中,id_rsa
是你这台电脑的私人秘钥,不能给别人看的,id_rsa.pub
是公共秘钥,可以随便给别人看。把这个公钥放在GitHub上,这样当你链接GitHub自己的账户时,它就会根据公钥匹配你的私钥,当能够相互匹配时,才能够顺利的通过git上传你的文件到GitHub上。
而后在GitHub的 setting 中,找到SSH keys的设置选项,点击 New SSH key
,把你的 id_rsa.pub
里面的信息复制进去。
在输入命令,查看是否成功。
ssh -T git@github.com
6、将Hexo部署到Github上
这里就是我们将Hexo和Github关联起来,也就是我们将Hexo成功的博客部署到 Github上,
需要先安装deploy-git ,也就是部署的命令,这样你才能用命令部署到GitHub。
cnpm install --save hexo-deloyer-git
打开站点配置文件_config.xml
,翻到最后,修改你的Github账户等。
deploy:
type: git
repo: https://github.com/yourname/yourname.github.io
branch: master
然后我们清理,部署到远端就行。
hexo clean
hexo generate
hexo deploy
说明:hexo clean
清除了你之前生成的东西,也可以不加。
hexo generate
顾名思义,生成静态文章,可以用 hexo g
缩写
hexo deploy
部署文章,可以用hexo d
缩写
注意:deploy 时可能要你输入 username 和 password。
稍等一下,等部署成功了就可以在浏览器上输入http://yourname.github.io
这个网站看到你的博客了。。
如果有收获!!! 希望老铁们来个三连,点赞、收藏、转发。
创作不易,别忘点个赞,可以让更多的人看到这篇文章,顺便鼓励我写出更好的博客
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)